如何僅選擇列表中的直接子女？

Question

，比如我有簡單的列表

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

，我試圖讓所有<li>除了那些在第二<ul>。首先我試着ul li，然後ul > li但仍然得到所有<li>。

Answer 1

嘗試

$('ul:first').children('li') 

我不會推薦這一點，會更好的ID /類添加到頂部上行，並用它來選擇兒童

<ul id="topul"> 
    <li></li> 
    <li></li> 
    <li> 
     <ul> 
      <li></li> 
      <li></li> 
      <li></li> 
     </ul> 
    </li> 
    <li></li> 
    <li> 
     <ul> 
      <li></li> 
      <li></li> 
      <li></li> 
     </ul> 
    </li> 
</ul> 

然後

$('#topul').children('li') 

Answer 2

您可以使用

$('li').not('ul ul li') 

這將只選擇第一級li元素。

Answer 3

使用>這是

jQuery("parent > child") 

把一個類上第一UL作爲

<ul class ='ul-parent'> 

和按如下方式使用類選擇

$('ul.ul-parent > li')