javascript - jquery 一种处理最后输出到页面的好方法

Question

我正在寻找一种处理不同行的链接点击的好方法 每行在不同的时间添加，我只希望最近添加的行的链接是可点击的。它们都在同一个 div 标签下

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

希望这被正确解释了这些行是用 .before 函数添加的

所以我加了

来指示每一行。该链接由一个名为talk_action 的类ID 指示，每一行可以包含多个链接。所以不知何故，我需要为最后一段下点击的 .talk_action 设置点击。单击链接时，它会获取链接 ID 并将其传递给 php 文件

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>

Answer 1

假设所有行都在divwithid="lines"

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

这使用：

• 事件委托始终保持“更新”到最后一个链接
• :last始终匹配最后一个的选择器
• click活动_

这是一个演示

Answer 2

':last' 选择器可能适合你

$( "a:last" )

Answer 3

嗨，下面的代码将按预期工作.. http://jsbin.com/afUKiJi/1/edit

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

Answer 4

这是一个jsFiddle。这还将考虑最近添加的锚点，并在 jquery 中使用事件委托。

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