如何使用jquery单击li来获取列表项的索引

Question

有没有办法通过JavaScript / jQuery点击li元素来获取列表项的索引？

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

Answer 1

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

Answer 2

使用onClick事件调用函数getIndex（不需要jQuery，只需要vanilla 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