如何使用jQuery在单击li时获取列表项的索引

Question

有没有一种方法，可以通过JavaScript/jQuery，在单击

元素时获取列表项的索引？

<ul>
  <li>item1</li>
  <li>item2</li>
  <li>item3</li>
</ul>

- Bin2k

---

参见：https://dev59.com/Ak3Sa4cB1Zd3GeqPxLDD#2800220?stw=2#2800220（用于字母索引） - alex

Answer 1

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

- Thomas Clayson

Answer 2

使用onClick事件调用函数getIndex（不需要jQuery，只需使用基本的JavaScript）：

onClick = "getIndex(this);"

function getIndex(node) {
  var childs = node.parentNode.childNodes;
  for (i = 0; i < childs.length; i++) {
    if (node == childs[i]) break;
  }
  return i;
}

索引从0开始！若要从1开始，请使用：return i+1

- Thariama