如何将不同的事件添加到不同的div

Question

使用document.getElementsByTagName('div')时，您会得到一个div节点数组，可以在循环中使用它来为不同的div分配不同的事件。

如何使用jQuery执行此操作？

Answer 1

要在jQuery中使用：

$("div").each(function () {
    // 'this' is the div
});

这与：

相同

var divs = document.getElementsByTagName('div'),
    i,
    len,
    div;

for (i = 0, len = divs.length; i < len; i++) {
    div = divs[i];
}

Answer 2

您可以在jquery中执行相同的操作：

$('div').each(function() {
    if ($(this).attr('id') == '1')
       $(this).click(function() { // handler for first div });

    if ($(this).attr('id') == '2')
       $(this).click(function() { // handler for second div });\

    ...
});

Answer 3

只需将名称添加到jQuery的选择器中......

  

$（ “标签的名称 - 在这里”）

然后您可以使用.each，但是为了提高性能，我更喜欢使用旧的Javascript for循环。

这可能有所帮助：http://api.jquery.com/each/＆amp; http://jquery-howto.blogspot.com/2009/06/javascript-for-loop-vs-jquery-each.html

Answer 4

$('div')

这将创建一个DIV Docs

的jQuery集合

Answer 5

var divs = jQuery('div');

divs.each(function(){
     $(this).DoSomeThing();

     // $(this) refers to a div
});