的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()是從零開始的。