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中不是很好。