ターゲット、私はこのような構造持つ同じクラス名

Question

を持っているのdivのシリーズ内のdiv：

<form> 
<div class="name"></div> 
<div class="name"></div> 
<div class="name"></div> 
<div class="name"></div> 
</form> 

私はそれぞれのdivをターゲットにトラブルを抱えているが。私は第1と第2のdivをターゲットにできるはずです。これに関するすべての入力？

ありがとうございます！

Answer 1

.eq(i)は、特定のコレクションを解析し、i（0がコレクションの最初のアイテムであるため）によってインデックスされたアイテムを返します。

$("form").find("div").eq(1).addClass("red"); 
 
$("form").find("div").eq(2).addClass("blue");

div { background-color: yellow; padding: 5px; } 
 
div.red { background-color: red; } 
 
div.blue { background-color: blue; }

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script> 
 
<form> 
 
<div class="name">first div</div> 
 
<div class="name">second div</div> 
 
<div class="name">third div</div> 
 
<div class="name">fourth div</div> 
 
</form>

Answer 2

あなたはjQueryのを使用しているなら、あなたはイベントなしでそれらをターゲットに$.each()を使用することができます。

$('.name').each(function(index) { 
    var $this = $(this); 

    if (index == 0) { 
     // do something for first .name element using $this 
    } else if (index == 1) { 
     // do something for second .name element using $this 
    } 

}); 

あなたは.click()イベントでそれらをターゲットにする場合は、使用：

// First .name element 
$('.name:first-child').click(function(){ 
    // Do something 
}); 

// Second .name element 
$('.name:nth-child(2)').click(function(){ 
    // Do something 
});