1

在下面的示例中，如何获得相对于文档的第三个列表项的确切 DOM 路径？

<body>
    <ul>
        <li>Content</li>
        <li>Content</li>
        <li>Content</li>
        <li>Content</li>
        <li>Content</li>
    </ul>
</body>

除了它在其他列表项中的位置（第三个）之外，如果所讨论的列表项中或有关列表项没有任何独特的东西可以将其与其他项区分开来，如何做到这一点。此外，这需要在点击事件上动态获取，因此它可能是第二个列表项，或者第四个，等等。

我有哪些选择？提前感谢您的帮助。

4

4 回答 4

2

你可以使用eq()：

   var $elem = $('ul:eq(0)').find('li:eq(2)');

你可以使用index()方法：

   $elem.click(function(){
      var ind = $(this).index();
   });

http://jsfiddle.net/s5XH2/

于 2012-05-16T00:42:07.023 回答
1

此 jquery 检索第三个 LI：

$('ul li:nth-child(3)')

在这里查看：http: //jsfiddle.net/VnRjq/

于 2012-05-16T00:42:23.333 回答
1

您可以使用.index()来检索单击的元素的索引。

查看一个工作示例 - http://jsfiddle.net/Hxwkp/

于 2012-05-16T00:57:58.990 回答
0 
$("body ul li:eq(2)").bind("click",function(){
    //
});
于 2012-05-16T00:42:44.490 回答