jQuery：获取事件处理程序中元素索引的最佳方法

Question

检索事件处理程序中元素索引的最佳方法是：

<ul>
  <li>a</li>
  <li>b</li>
  <li>c</li>
</ul>

$("ul li").click(function() {
  // what is the index of the list item that was clicked?
});

换句话说，如果我点击“c”项，是否有从事件处理程序中获取索引2的最佳做法？

我知道我可以通过查看其父元素来确定元素的位置，但我不知道是否有更好或更简洁的方法。

Answer 1

致电$(this).index()。

Answer 2

是的，有一种“索引”方法。

所以你可以写：

$("#ul_id li").click(function() {
  var index = $("#ul_id li").index(this);
});

以下是文档：http://api.jquery.com/index/

Answer 3

这将为您提供以前列表项的数量。

$(this).prevAll("li").size();

编辑vie Felix。