2017-03-02 5 views
0

をクリックゲット?即ち、.buttonの第1の出現であり、第2の出現は、私はそのボタンの「インデックス」を把握することができ、jQueryの要素のインデックス番号は

私は$('.button')[2]で3番目のボタンを選択することができますが、その2つの値を取得する方法を理解できません。

ボタンは、同じdiv内のすべてではなくページ全体に広がっています。あなたがこれを行うにはindex()メソッドを呼び出すことができます

+0

私はあなたが使用できると思います.index() –

答えて

3

:上記

$('.button').click(function() { 
    var index = $(this).index(); 
    console.log(index); 
}); 

は、あなたの兄弟の中の要素のインデックスを提供します。

$('.button').click(function() { 
 
    var index = $(this).index('.button'); 
 
    console.log(index); 
 
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<div class="parent"><button class="button">click me!</button></div> 
 
<div class="parent"><button class="button">click me!</button></div> 
 
<div class="parent"><button class="button">click me!</button></div> 
 
<div class="parent"><button class="button">click me!</button></div> 
 
<div class="parent"><button class="button">click me!</button></div>
.button要素が兄弟をページの周りに広がっていない場合は、例えば、セット内の要素のインデックスを取得したい場合は、内の現在の要素を一致させるために index()にセレクタを提供することができます

+0

完璧、ありがとうございます! – chendriksen

関連する問題