如何使用jQuery找到最後的li元素？

Question

我有以下html內容....

我需要一個ul元素

內。例如只搜索li（S）文本，

$("#ul_first").find(li).each(function(index,value) 
{ 
    alert(index) 
}); 

這裏的問題是，查找方法在#ul_second元素中找到li。我只希望它在某個ul元素內找到li元素，而不是子元素ul。

<ul id="ul_first"> 
    <li>a</li> 
    <li>b</li> 
    <li>c</li> 
    <li>d</li> 
    <li>c 
      <ul id="ul_second"> 
           <li>a</li> 
           <li>b</li> 
           <li>c</li> 
           <li>d</li> 
      </ul>  
    </li> 
</ul> 

Answer 1

嘗試添加子選擇器。 >將只選擇直接的孩子。使用find就像忽略將選擇ALL後代的>。

$("#ul_first > li").each(function(index,value) { alert(index) }); 

Answer 2

嘗試使用`$（「＃ul_first> li」）$？這應該找到直接位於ul_first以下的li元素

Answer 3

將您的選擇器更改爲'#ul_first > li'。這將檢查#ul_first中的所有li。

子選擇器>與下一個選擇器是其父項的直接子項時匹配。

來源：http://www.w3.org/TR/CSS2/selector.html#child-selectors

Answer 4

你可以嘗試像下面......它會幫助你

小提琴：http://jsfiddle.net/RYh7U/119/

Traversing/children 

$('#ul_first').children('li').each(function(index,value) 
{  
alert(index); 
});