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日

同じカテゴリー(Manipulation)のエントリー

検索

スポンサードリンク

バージョン

リファレンス