indexメソッドとは
index()
メソッドは、jQueryで使用されるメソッドの一つで、要素が兄弟要素の中で何番目に位置しているかを取得するために使用されます。
使用方法
以下の例では、li要素の中の.active
クラスのインデックス番号を取得できます。.active
クラスが複数ある場合は最初の要素のインデックス番号を取得します。
また、一致する要素が見つからない場合は、-1
が返されます。
<ul>
<li>インデックス0</li>
<li class="active">インデックス1</li>
<li>インデックス2</li>
</ul>
// activeクラスを持った要素はli要素の2つ目なのでインデックス番号の1が返る
$('li').index($('.active'));
// => 1
// sampleクラスを持ったli要素は存在しないため-1が返る
$('li').index($('.sample'));
// => -1