Comment sélectionner tous les <li> dans un <ul> avec un nom de classe "nav"?

Question

Avoir vraiment du mal avec ça depuis que je suis nouveau sur jQuery, mais je ne sais pas si le tutoriel sur lequel je travaille est cassé ou si c'est moi mais j'utilise le code suivant pour sélectionner tous les li dans un ul avec une classe de nav.

$(".nav ul li");

Est-ce correct? Quelqu'un peut-il m'indiquer la bonne direction?

Answer 1

Constructivement,

1. Tous les éléments ul:

   $("ul")
   

2. Tous les éléments ul avec un nom de classe nav:

   $("ul.nav")
   

3. Tous les éléments li sous tous les éléments ul avec un nom de classe nav:

   $("ul.nav li")
   

Answer 2

Voici une astuce qui aidera les gens à apprendre les sélecteurs:

Utilisez le navigateur Chrome Ouvrez une page Cliquez avec le bouton droit sur la page et sélectionnez "Inspecter l'élément" Dans l'inspecteur d'élément, sélectionnez l'onglet Console

Vous pouvez taper des commandes directement dans cette console. Essayez seulement quelques sélecteurs et voyez ce que vous obtenez. Si vous tapez $ ('p') et appuyez sur Entrée, tous les éléments p seront listés. Si vous entrez $ ('ul.nav li), il vous montrera si ce sélecteur fonctionne (retourne n'importe quoi). Si la commande n'aboutit pas à un sélecteur valide, elle renverra [].

Answer 3

sélectionnez tous les li dans un ul avec une classe de nav

comme ça, sélectionne tous les li dans un ul avec le .nav classe:

$('ul.nav li')

Answer 4

Tous li dans un ul avec une classe de nav:

$("ul.nav li");

Answer 5

Ajoutez-le après le sélecteur d'élément :

$("ul.nav li");

Cela sélectionne tous les <li> éléments dans un <ul class="nav"> élément

Voir les documents: http://api.jquery.com/class-selector/

Answer 6

$('ul.nav li')

Comme suggéré, sélectionne TOUS les <li /> dans <ul class="nav" />. Si vous souhaitez que les enfants immédiats utilisent:

$('ul.nav > li')

https://developer.mozilla.org/en-US/docs/Web/CSS/Child_combinator