得到孩子選擇的訂單jquery

Question

我想根據他們的訂單爲ul孩子做不同的背景顏色，我怎麼能得到使用jquery的孩子的順序。

<ul> 
<li>a</li> 
    <li>b</li> 
    <li>c</li> 
    <li>d</li> 
    <li>e</li> 
    <li>f</li> 
</ul> 

$('ul li').bind('mouseover', function(e){ 

    //how can I get the order of the childre 
    //when hover on c it shoul returns 3 
    alert("child order "); 
}); 

這裏是一個例子 http://jsfiddle.net/sHefJ/

Answer 1

對於HTML的子集，使用...

$(this).index() + 1 

jsFiddle。

......就足夠了。

我加了1，因爲您示例中的編號系統似乎不是0的依據。

Answer 2

以下將給你一個索引。所以c會是2，而不是3！

$(this).index();