如何使用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); 
});