Parcours - Descendants jQuery

Les descendants sont les enfants, les petits-enfants, les arrière-petits-enfants, etc.

Avec jQuery, vous pouvez parcourir l'arbre DOM vers le bas pour trouver les descendants des éléments.

Parcourir l'arbre DOM vers le bas

Voici deux méthodes jQuery utilisées pour parcourir l'arbre DOM vers le bas:

  • children()
  • find()

Méthode children() jQuery

La méthode children() retourne tous les éléments enfants directs de l'élément sélectionné.

Cette méthode ne parcourt que le niveau suivant de l'arbre DOM.

Le suivant exemple retourne tous les éléments enfants directs de chaque <div> :

Exemple

$("document").ready(function(){
  $("div").children();
);

Essayer vous-même

Vous pouvez également utiliser des paramètres optionnels pour filtrer la recherche sur les éléments enfants.

Le suivant exemple retourne tous les éléments <p> avec la classe "1", et qui sont des éléments directs du <div> :

Exemple

$("document").ready(function(){
  $("div").children("p.1");
);

Essayer vous-même

Méthode find() jQuery

La méthode find() retourne les éléments descendants des éléments sélectionnés, jusqu'au dernier descendant.

Le suivant exemple retourne tous les éléments <span> descendants du <div> :

Exemple

$("document").ready(function(){
  $("div").find("span");
);

Essayer vous-même

Le suivant exemple retourne tous les descendants du <div> :

Exemple

$("document").ready(function(){
  $("div").find("*");
);

Essayer vous-même

Manuel de références pour la navigation jQuery

Pour en savoir plus sur toutes les méthodes de navigation jQuery, veuillez visiter notre Manuel de références pour la navigation jQuery。