javascript - 从 jQuery 中的不同按钮捕获 ID(事件处理程序)

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

结果是:

<div id="breadcrumbs">

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

</div>

但是，如果单击某些动态创建的链接，我希望收到警报。在此警报中，我想显示单击的 ID。我怎样才能做到这一点？我可以将 click() 事件绑定(bind)到 div-Tag 以提醒我点击了 -Tag 的 ID 吗？

谢谢你的帮助

最佳答案

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

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

在点击处理程序中 this 将引用目标元素(在本例中为 anchor 元素)，因此您可以使用 this.id 获取 id

关于javascript - 从 jQuery 中的不同按钮捕获 ID(事件处理程序)，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/20300011/