jquery使用$ .on添加dom元素？

Question

我有点困惑，我有一堆元素，通过使用ajax调用通过jQuery添加，我想附加一个点击处理程序给他们（可能有很多）。

但我不知道如何开始这个，我看着.on，它真的很混乱。我想为某个类添加一个点击事件处理程序，这样当我点击它时，我会得到this.id，然后做些什么。

Answer 1

你想要做的事就是所谓的事件委托。

您希望将事件侦听器设置在DOM中一个永远不会更改的较高元素上，但只有在被点击的子元素与特定选择器匹配时才触发事件处理函数。

下面是它与jQuery的.on()完成：

$(document).on('click', '.your-selector', function(){ 
    alert(this.id); 
}); 

---

附：您可以将事件侦听器可能适用于一个元素在DOM树低了下去......

Answer 2

这将让你与类“测试”被点击的元素的ID ...

$(".test").on("click", function() { 
    var id = $(this).attr("id") 
}); 

您需要在 ajax调用返回后运行。它只会将click事件绑定到它运行时存在的元素，所以它在document.ready中不是很好。