index()
index()はセレクタで指定した要素が何番目かを返すメソッドです。
たとえば次のようなHTMLがあったとします。
<ul>
<li id="list0">list0</li>
<li id="list1">list1</li>
<li id="list2">list2</li>
<li id="list3">list3</li>
<li id="list4">list4</li>
</ul>
次のスクリプトでは2を返します。
$("#list2").index();//2
index()は引数に何も指定しない場合、セレクタで指定した要素が兄弟要素で何番目の要素かを返します。
引数にjQueryオブジェクトやDOMオブジェクトを指定した場合、指定した要素がセレクタで指定したjQueryオブジェクトの何番目の要素かを返します。
$("li").index($("#list2"));//2
これは次のように指定することも可能です。
$("#list2").index("li");//2
引数にセレクタを与えた場合、jQueryオブジェクトが引数のセレクタで取得できる要素の何番目の要素かを返します。
jQuery 1.0.0での追加/変更index()はjQuery 1.0で定義されたメソッドです
jQuery 1.4.0での追加/変更jQuery 1.4より引数にセレクタを指定する方法やセレクタを省略する方法が追加されました。
参考URL
.index() | jQuery API Documentation
登録日 : 2013年06月29日 最終更新日 : 2013年6月29日