jquery查找元素的位置

Question

<ul>
   <li>one</li>
   <li>element</li>
   <li>text</li>
   <li>val</li>
</ul>

我怎样才能获得点击的li在ul中的位置？

Answer 1

我认为这会为你做到这一点：

$("li").click(function () {

   alert($(this).index());

});

请注意，index()函数返回jquery集合中项目的索引。如果页面上有多个列表，请确保选择器仅选择所需的列表项。

Answer 2

$('ul li').click(function() {
    alert(   $(this).parent().find('li').index(this)  );
});

参考

我只测试了一个

。如果您在多个
上执行此操作，则需要 .each。

Answer 3

你可以用index() http://docs.jquery.com/Core/index