Sélectionner tout de li mais pas les enfants

Question

J'ai ce code:

$li = $("li", this) 

Ce qui est la sélection de tous les li « s dans mon code. Cela fonctionne bien mais je veux $li pour exclure les li qui sont dans un sous-menu.

<ul id="navigation"> 
     <li><a href="#">blah 1</a></li> 
     <ul id="subnav"> 
      <li><a href="#">sub 1</a></li> 
      <li><a href="#">sub 2</a></li> 
      <li><a href="#">sub 3</a></li> 
     </ul> 
     </li> 
     <li><a href="#">blah 2</a></li> 
     <li><a href="#">blah 3</a></li> 
     <li><a href="#">blah 4</a></li> 
     <li><a href="#">blah 5</a></li> 
    </ul> 

Alors $li ne ferait que faire référence au blah ne sont pas les sous de.

Je pensais qu'il était quelque chose comme:

$li = $("li", this).parents() 

Mais cela ne fait pas ce que je veux.

Answer 1

Il suffit d'utiliser le sélecteur d'enfant >:

$("#navigation > li") 

Answer 2

Vous souhaitez utiliser le sélecteur enfant immédiat, >:

$li = $('#navigation > li'); 

Answer 3

var li = $("#navigation > li"); 

Le > sélectionne uniquement les enfants directs

Answer 4

avenir Les googleurs peuvent trouver cette réponse utile si t hey sont ici (comme moi) à la recherche de Tout sélectionner Li sans enfants

$("#mylist li:not(:has(ul))") 

ou

$("#mylist li:not(:has(li))")