javascript - 获取点击列表元素的索引

Question

如何获取列表中被点击元素的索引？

所以如果我有以下列表:

• 首先
• 第二
• 第三

当我点击 Third 时，我想获取索引 2，前提是该索引以 0 开头。

用我的代码我只得到0:

HTML:

<ul>
  <li><a href="#" class="listElem">First</a></li>
  <li><a href="#" class="listElem">Second</a></li>
  <li><a href="#" class="listElem">Third</a></li>
</ul>

JS:

$(".listElem").click(function(param) {
  console.log($(this).index());
});

Here is a fiddle .

Answer 1

您应该使用parent() 返回li 的索引DEMO

$(".listElem").click(function(param) {
  console.log($(this).parent().index());
});