如何使用jQuery获取嵌套元素在相同同级元素中的DOM位置



如何获取相对于以下示例中文档的第三个列表项的确切 DOM 路径?

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

除了它在其他列表项中的位置(作为第三(之外,如何在有关列表项中或关于该列表项没有任何独特之处将其与其他项区分开来的情况下做到这一点。此外,这需要在点击事件上动态获取,因此它可能是第二个列表项,或者第四个列表项,等等。

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

您可以使用

eq()

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

您可以使用index()方法:

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

http://jsfiddle.net/s5XH2/

这个 jquery 检索第三个 LI:

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

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

您可以使用

.index()来检索所单击元素的索引。

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

$("body ul li:eq(2)").bind("click",function(){
    //
});

最新更新