對多個div應用相同的更改函數？

Question

將函數綁定到多個div的最佳方法是什麼？

$('#trigger1').change(function(){ 
    // same code 
}); 

$('#trigger3').change(function(){ 
    // same code 
}); 

Answer 1

無論是使用類（IMO是班上最好的方式）

<div class="trigger"></div> 
    <div class="trigger"></div> 

$('.trigger').change(function(){ 

}); 

或做

$('#trigger1,#trigger3').change(function(){ 

}); 

Answer 2

您可以在同一個函數調用多個ID：

$('#trigger1, #trigger3').change(function(){ 
    // code goes here 
}); 

或者你可以給他們同一個班，例如triggerClass然後調用它像這樣：

$('.triggerClass').change(function(){ 
    // code goes here 
}); 

Answer 3

添加一個共同的類名的DIV

<div class="myClass" id="trigger1"> 
</div> 

<div class="myClass" id="trigger2"> 
</div> 

這裏是腳本它

$(".myClass").click(function(){ 
// your code 
}); 

Answer 4

$('#trigger1, #trigger3').change(some_function); 

Or: 

$('#trigger1').add('#trigger3').change(some_function); 

Answer 5

簡單地套用相同然後寫所有元素類

$('.classname').change(function(){ 

}); 

Answer 6

你可以使用

$('#trigger1, #trigger3').change(function(){ 
    same code 
}); 

到組觸發器

Answer 7

添加一個共同的類：

<div class="rowTrigger">trigger 1</div> 
<div class="rowTrigger">trigger 2</div> 

腳本

$(function(){ 
    $("body").on("click", ".rowTrigger", function(e){ 
     e.preventDefault(); 
     var row = $(this); //row element 
    }); 
}); 

每個 「rowTrigger」 必火的「點擊」處理程序，這可以改變d到其他或多個事件。有關更多詳細信息，請參閱 http://api.jquery.com/on/。 例如，可以通過將「body」更改爲「table」來更改處理的事件的範圍，因此只有在單擊表中的「div」行時纔會觸發。

更簡單地說，可以寫爲（燒製「點擊」和「懸停」 ...但你的想法）：

$("div.rowTrigger").on("click hover", function(e){ 
    e.preventDefault(); 
    var row = $(this); //row element 
    //some extra code 
});