从jQuery中的不同按钮捕获ID（事件处理程序）

Question

我创建了一个jQuery函数，它生成链接并将其写入html

中的div容器中

结果是：

<div id="breadcrumbs">

<a id="crumb1">Crumb1</a> 
<a id="crumb2">Crumb2</a>

</div>

但是，如果点击了一些动态创建的链接，我想获得警报。在此警报中，我想显示点击的ID。我怎样才能做到这一点？我可以将click（）事件绑定到div-Tag，它会提醒我点击的-Tag ID吗？

谢谢我帮助

Answer 1

您需要使用基于event delegatio n的点击处理程序，因为目标元素是动态创建的。

jQuery(function () {
    $('#breadcrumbs').on('click', 'a', function () {
        alert(this.id)
    })
})

点击处理程序this内部将引用目标元素（在本例中为锚元素），因此您可以使用id

获取this.id

Answer 2

将以下内容放在文档正文末尾的脚本元素中或文档就绪处理程序中：

$("#breadcrumbs").on("click", "a", function(e) {
    alert(this.id);
});