jquery indexメソッド

TOPページに戻る > jquery入門

スポンサード リンク

jquery index()メソッド

indexメソッドは、セレクタで指定した要素が上から何番目に書かれているか調べます
配列番号なので0から数えます。1番目に出てくる要素が0番目のindex番号になります

$("セレクタ").index("調べる要素")

今いじっていることを調べる場合

$("セレクタ").index(this)

指定したHTML要素が上から何番目に書かれているか調べます

セレクタで指定したHTML要素をクリックしたときにクリックした要素が何番目の要素か調べます、調べたインデックス番号はtextメソッドで表示します

jquery

$(function() {
	$("p.foo").click(function(){
	$("span#hoge").text("要素のindex番号は"+$("p.foo").index(this));
	});
});
css
p.foo{
 cursor: pointer;
 background-color: #F90;
 }

html

<p class="foo">0番目のp要素</p>
<p class="foo">1番目のp要素</p>
<p class="foo">2番目のp要素</p>
<span id="hoge">テキスト</span>

サンプル

0番目のp要素

1番目のp要素

2番目のp要素

テキスト







(C)2012 ホームページ作成無料