jquery は要素のインデックス値を取得します。index() example_jquery

jquery は要素のインデックス値を取得します。index() メソッド:

jquery のindex() メソッドは、一致する要素を検索し、0 から数えて対応する要素のインデックス値を返します。

パラメータが .index() メソッドに渡されない場合、戻り値は、兄弟要素に対する jQuery オブジェクトのこのコレクション内の最初の要素の位置です。
パラメータが DOM 要素または jQuery オブジェクトのセットである場合、戻り値は、元のセットを基準とした渡された要素の位置です。
パラメータがセレクターの場合、戻り値はセレクターによって一致した要素を基準とした元の要素の位置です。一致する要素が見つからない場合は、-1 が返されます。

コードをコピー コードは次のとおりです。

li id= "foo">foo

• bar


• baz
🎜>< ;/ul>

$('li').index(document.getElementById('bar')); //1、DOM オブジェクトを渡し、このオブジェクトのインデックス位置を返します。元のコレクション
$('li').index($('#bar')); //1、jQuery オブジェクトを渡します
$('li').index($('li:gt( 0)') ); //1、jQuery オブジェクトのセットを渡し、元のコレクション内のオブジェクトの最初の要素のインデックス位置を返します
$('#bar').index('li'); //1、すべての li 内の #bar のインデックス位置を返すセレクター
$('#bar').index(); //1、パラメーターを渡さずに、その要素のインデックス位置を返します。仲間たち。


jquery で要素のインデックス値を取得するindex() の例

コードをコピー コードは次のとおりです:

//第 2 レベルまたは第 3 レベルのリンク用

ウェブサイト構築マテリアル
jquery 特殊効果
怠惰なホスト
フロントエンドロード

$("#nav a").click(function(){

//4 つの古典的な使用法
varindex1 = $( "#nav a").index(this);
var インデックス 2 = $("#nav a").index($(this));
var インデックス 3 = $(this).index()
varindex3 = $(this).index("a")
alert(index3);

;