为什么我不能得到这个 li 的索引？

Question

我有一个很长的列表，需要获取其中每个 li 的索引。 这是我的 html：

 <ul id="myUl" class="playlist playlist-one cf">

   <li id="test"><a href="#during-your-stay" class="playlist-link" >1.  Privacy &amp; Dignity for all</a>[00:34]</li>
   <li><a href="#during-your-stay" class="playlist-link" >2.  Medicines</a>[00:44]</li>
   <li><a href="#during-your-stay" class="playlist-link" >3.  Allergies</a>[00:25]</li>

</ul>

我的 jquery：

$(".playlist-link").click(function(){

    var thisLi=$(this).parent();
    var theUl= $(thisLi).parent();
    var index =theUl.index(thisLi);

    alert("ul id: " + theUl.attr('id') +"\n the li: " + thisLi.attr('id') +"\n index: "+index +"\n" )



});

我的警报显示我的索引在返回 -1 时不起作用。 但是我的语法正确（我认为）因为变量使用包含正确的元素。 这是警报的 output：

 ul id: myUl
 the li: test
 index: -1

那么为什么它返回-1？？？

Answer 1

index()返回一个元素在一组元素中的索引，而不是在该集合中第一个元素的子元素中。

您的theUl变量只包含一个元素 - <ul>标记。 由于该集合没有您的<li>标记，因此index()返回-1 。

您可以编写theUl.children().index(thisLi)以在<ul>的孩子中查找<li>的索引。

您也可以只编写thisLi.index()来返回<li>在其直接父级中的索引。

http://api.jquery.com/index