javascript - リスト項目 (ul-li) のインデックスを見つける方法は?

Question

HTML li 要素である jQuery オブジェクトがあります。親ulのコンテキストでのインデックスはどうすればわかりますか?

だから私はこれを持っている場合:

<ul>
<li>abc</li>
<li id="test">def</li>
<li>hij</li>
</ul>

そして、このオブジェクト:

$("test")

この要素のインデックス番号を取得する方法はありますか。この場合、1 になります (0 を最初のインデックスとしてカウントする場合)。$("test").parent() でできることはありますか?

Answer 1

単に使用できます$("#test").index()。idセレクターの使用に注意してください#。

.index()パラメータなしでが呼び出された場合、

戻り値は、兄弟要素に対するjQueryオブジェクト内の最初の要素の位置を示す整数です。

この場合、これは1-になります-実際の動作を参照してください。

Answer 2

.index（）はあなたが探しているものです。その兄弟に対して評価します。jQueryのドキュメントを参照してください。

Answer 3

あなたが使用することができますindex()：

var index = $('#test').index();

または、セレクターを指定して、一致した要素の別のセットからインデックスを取得することもできます。

var index = $('#test').index('li.className');

これは、（このクラスも持っていると仮定して）#testを持つ要素の中から要素のインデックスポイントを取得します。.className#test

参照：

• index()。