jQueryにおけるindexメソッド

セット内の要素のインデックスを見つける必要がある場合、 私たちは index メソッドを利用することができます。

要素の相対的な位置番号を出力することができます。 例えば、番号付きリストがあるとします：

html<ol>
  <li>text</li>
  <li id="test">text</li>
  <li>text</li>
</ol>
<div>text</div>

index メソッドを使って、divの番号を出力してみましょう：

javascriptlet num = $('div').index();
alert(num);

さらに、追加でセレクタを渡すこともできます。 次のHTMLコードを考えてみましょう：

html<ol>
  <li id="first">text</li>
  <li id="test">text</li>
  <li>text</li>
</ol>
<div>text</div>

今度は、要素のタグ名に加えて、 パラメータとしてid名を渡します：

javascriptlet num = $('li').index($('#test'));
alert(num);

そのような要素が見つからない場合、 メソッドは-1を返します。