2012-03-17 80 views
3

我想根据他们的订单为ul孩子做不同的背景颜色,我怎么能得到使用jquery的孩子的顺序。得到孩子选择的订单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/

回答

6

对于HTML的子集,使用...

$(this).index() + 1 

jsFiddle

......就足够了。

我加了1,因为您示例中的编号系统似乎不是0的依据。

2

以下将给你一个索引。所以c会是2,而不是3!

$(this).index();