的jQuery选择第n个孩子

Question

比方说，我有一个

ul 
    > li 
    > li 
    > li 
    > li 
</> 

我想李徘徊的时候做的东西，但它必须是略有不同的关于当前所选里数。我可以通过数据切换来完成，但我不想那样使用它。

所以我的问题是我该如何计算我在ul中选择了哪个序列li？

例如：第一，第二，第三

Answer 1

试试这样说：

$('li').mouseover(function() { 
    var _in = $(this).index(); 
    switch(_in) { 
     case 0: 
      alert('You hovered the first <li>!'); 
     break; 
     case 1: 
      alert('You hovered the second <li>!'); 
     break; 
     case 2: 
      alert('You hovered the third <li>!'); 
     break; 
    } 
}); 

• 工作的jsfiddle：http://jsfiddle.net/xrz93/

Answer 2

使用.index()：

$('li').mouseover(function(){ 
    var x = $(this).index(); 
}) 

从文档：

如果没有参数被传递给所述的.index（）的方法，所述返回值是 的整数，指示在第一元件的 jQuery对象相对于其兄弟元素内的位置。

请注意.index()是从零开始的。