Как выбрать только прямых детей в списке?

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') 

Я не рекомендовал бы это, будет лучше добавить идентификатор/класс в верхней мкл и использовать его для выбора детей

<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 class ='ul-parent'> 

и использовать селектор класса следующим

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