jQuery Traversing - Descendants

Avec jQuery, vous pouvez parcourir l'arborescence DOM pour trouver les descendants d'un élément.

Un descendant est un enfant, un petit-enfant, un arrière-petit-enfant, etc.

Parcourir l'arborescence DOM

Deux méthodes jQuery utiles pour parcourir l'arborescence DOM sont :

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

Cette méthode ne traverse qu'un seul niveau dans l'arborescence DOM.

L'exemple suivant renvoie tous les éléments qui sont des enfants directs de chaque <div>élément :

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

Vous pouvez également utiliser un paramètre facultatif pour filtrer la recherche d'enfants.

L'exemple suivant renvoie tous les <p>éléments avec le nom de classe "first", qui sont des enfants directs de<div> :

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

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

L'exemple suivant renvoie tous les <span>éléments descendants de<div> :

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

L'exemple suivant renvoie tous les descendants de<div> :

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

Pour un aperçu complet de toutes les méthodes jQuery Traversing, veuillez consulter notre jQuery Traversing Reference .