对多个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 
});