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

Question

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

<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