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。但是我的语法正确（我认为）因为变量正在使用包含正确的元素。这是警报的输出：

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

那么为什么它会返回-1 ???

Answer 1

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

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

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

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

http://api.jquery.com/index

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

1 个答案: