jQueryにおけるindexメソッド
セット内の要素のインデックスを見つける必要がある場合、
私たちは
index
メソッドを利用することができます。
要素の相対的な位置番号を出力することができます。 例えば、番号付きリストがあるとします:
<ol>
<li>text</li>
<li id="test">text</li>
<li>text</li>
</ol>
<div>text</div>
index
メソッドを使って、divの番号を出力してみましょう:
let num = $('div').index();
alert(num);
さらに、追加でセレクタを渡すこともできます。 次のHTMLコードを考えてみましょう:
<ol>
<li id="first">text</li>
<li id="test">text</li>
<li>text</li>
</ol>
<div>text</div>
今度は、要素のタグ名に加えて、
パラメータとしてid名を渡します:
let num = $('li').index($('#test'));
alert(num);
そのような要素が見つからない場合、
メソッドは-1を返します。
要素のタグ名のみを使って、
#testを持つliの番号を取得してください。
セレクタ名も指定して、
#firstを持つliの番号を取得してください。