[jQuery]アクションがあった要素の番号を取得

複数のオブジェクトがある中で
特定のアクション(クリック等)がされた
オブジェクトの要素番号(インデックス)の取得方法です。

ソースコード

$( "li" ).each( function() {
	$( this ).bind( "click" , function(){
		var tapIndex = $( "li" ).index( $( this ) );
		wnidow.alert( "クリックされたのは" + tapIndex + "番目です" );
	});
});

解説

最初の2行はすべてのタグ[li]に対して
クリックされた時のイベントを登録する処理です。

jQueryの関数[index]を利用することで
引数の要素番号(インデックス)の取得できます。

引数にクリックされたオブジェクト(this)を
指定することでクリックされたオブジェクトの
要素番号(インデックス)を取得出来ます。

※関数[bind]のアクションを変えれば
用途が広がるかもです。


コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

日本語が含まれない投稿は無視されますのでご注意ください。(スパム対策)