jquery a good method to handly last output to page

Question

I am looking for a good way to handle a link click of different lines Each line is added at different times and i want only the most recently added line's links to be clickable. they are all under the same div tag

ex:
line 1:  "this is a line <link here>"  <-- dont want these to be clickable
line 2:  "this is a line <link here>"  <-- but still viewed
line 3:  "this is a line <link here>"  <-- most recent line clickable

hopefully this is being explained correctly the lines are added with .before function

So i added

to indicate each line. the link are indicated by a class id called talk_action and each line can contain more than one link. so somehow i need to set up an on click for the .talk_action which is clicked under the last paragraph. when the link is clicked it grabs the link id and passes it to a php file

ex:
<p>would you like to <a class='talk_action' id='shop'>shop</a> or talk about <a class='talk_action' id='quest'>quests</a></p>

What did you end up doing? – Benjamin Gruenbaum Nov 19 '13 at 13:02 — Benjamin Gruenbaum, Nov 19 '13 at 13:02

score 3 · Answer 1 · edited May 23 '17 at 10:31

3

Assuming all the lines are in a div with id="lines"

$("#lines").on("click","a:last",function(){
     // your action here
});

This uses:

Event delegation to always remain "updated" to the last link
The :last selector to always match the last one
The click event

Here is a demo

edited May 23 '17 at 10:31

Community

1
1

answered Oct 28 '13 at 08:36

Benjamin Gruenbaum

270,886
87
504
504

@user2376313 Suggestion only.....if you are appending the links dynamically then you need to bind click event to a parent(existing) element. – Peeyush Oct 28 '13 at 08:40
No, still working on it. My links are dynamic and each line can contain more than one link. – user2376313 Oct 28 '13 at 09:23

score 2 · Answer 2 · answered Oct 28 '13 at 08:36

2

The ':last' selector may suitable for you

$( "a:last" )

answered Oct 28 '13 at 08:36

pszaba

1,034
9
16

score 0 · Answer 3 · answered Oct 28 '13 at 08:37

0

Hi the below code will work as expected.. http://jsbin.com/afUKiJi/1/edit

$(".clickable").find('a').last().on('click',function(){
alert('last');
})

answered Oct 28 '13 at 08:37

codebreaker

1,465
1
12
18

This will not stay updated if new lines are added and you'd have to remove the handlers each time a new element is added. – Benjamin Gruenbaum Oct 28 '13 at 08:39
the above lines should be enclosed within a function and once new lines are added this func should be called and then would help the user's cause..just a thought by my side.. – codebreaker Oct 28 '13 at 08:43
How would that prevent the actions on elements who used to be last from being called? – Benjamin Gruenbaum Oct 28 '13 at 08:44

score 0 · Answer 4 · answered Oct 28 '13 at 08:46

0

Here is a jsFiddle. This will also take into account recently added anchors and is using event delegation in jquery.

$('div').on('click','a:last', function(){
console.log(this);
});

answered Oct 28 '13 at 08:46

eggward

345
1
5

jquery a good method to handly last output to page

4 Answers4

Here is a demo