如何给不同的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/ & http://jquery-howto.blogspot .com/2009/06/javascript-for-loop-vs-jquery-each.html

Answer 4

$('div')

这将创建一个 DIV 的 jQuery 集合 Docs

Answer 5

var divs = jQuery('div');

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

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