Как добавить разные события в разные 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

var divs = jQuery('div');

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

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

Answer 4

$('div')

Это создаст коллекцию DIVs jQuery Документы

Answer 5

Просто добавьте имя в селектор jQuery ...

( "Имя-тегов здесь")

$

Затем вы можете использовать .each, однако для производительности я предпочитаю использовать старый добрый Javascript for loop.

Это может помочь: http://api.jquery.com/each/ & http://jquery -howto.blogspot.com / 2009/06 / javascript-for-loop-vs-jquery-each.html