하위 선택한 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 "); 
}); 

여기 ...

$(this).index() + 1 

jsFiddle 예를 사용하여 HTML의 하위 집합에 대한 http://jsfiddle.net/sHefJ/

Answer 1

입니다.

... 충분합니다.

예제의 번호 매기기 시스템이 0 기반이 아니기 때문에 1을 추가했습니다.

Answer 2

다음은 색인을 제공합니다. 그래서 C는 2가 아니라 3가 될 것입니다!

$(this).index();