爲每個使用jquery添加事件處理函數

Question

我如何將.on和.each一起使用？

$('[id^="thing"]').each(???) 

的單獨一種是：

$("#button").on("click", function() { 
        console.log(this.id) 
}) 

Answer 1

含有多個元件將所述處理程序添加到每個元素中jQuery對象上調用.on()。

Answer 2

$('[id^="thing"]').on("click", function() { }); 

Answer 3

嘗試

$('[id^="thing"]').each(function(i, el) { 
     $(el).on("click", function() {     
     }) 
    }); 

Answer 4

你不需要.each與.on，

你想，可以用這隻要做的事情 -

一個好辦法

$(document).on('click','[id^="thing"]', function() { 
    console.log(this.id) 
}); 

是可以做到的，只要你想，但因爲它會無緣無故

這就是你想要的，但要避免

$('[id^="thing"]').each(function(){ 
    $(this).on('click', function() { 
    console.log(this.id) 
    }); 
}); 

，如果你會使用.on內影響性能.each您可能會
結束在多次綁定事件以這種方式

走錯了路

$('[id^="thing"]').each(function(){ 
    $('[id^="thing"]').on('click', function() { 
    console.log(this.id) 
    }); 
}); 

Answer 5

您可以使用此版本指定一個選擇，指定哪些子元素應該觸發事件。

$('[id^="thing"]').on('click','button (or whatever selector)', function(){ 
    // "this" refers to triggering element 
    alert($(this).text()); 
});