異なるdivに異なるイベントを追加する方法

Question

document.getElementsByTagName('div')を使用すると、異なるノードに異なるイベントを割り当てるためにループ内で使用できるdivノードの配列が取得されます。

どうすればjQueryでこれを行うことができますか？

Answer 1

あなたは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 2

ただ、しかし、パフォーマンスのために、私が使用することを好む、あなたはその後、.eachを使用することができます

$（ "タグ名-ここに"）

... jQueryのセレクタに名前を追加します良い古いJavascript forループ。

これが役立つことがあります。http://api.jquery.com/each/ & http://jquery-howto.blogspot.com/2009/06/javascript-for-loop-vs-jquery-each.html

Answer 3

$('div')

これはjQueryの使用であることを行うにはdiv要素のjQueryのコレクションDocs

Answer 4

を作成します。

$("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 5

var divs = jQuery('div'); 

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

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