如何找到列表項的索引（ul-li）？

Question

我有一個jQuery對象，它是一個HTML li元素。 如何在其父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() 。