如何獲得列表項目的索引使用jquery

Question

有沒有辦法通過我可以得到列表項目索引點擊li元素使用JavaScript/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的需要，只是香草的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