jQuery traversal - progéniture

Descendant est un enfant, petit-fils, arrière-petits-enfants, et ainsi de suite.

Par jQuery, vous traversez vers le bas l'arbre DOM pour trouver les éléments descendants.

Traversant l'arbre DOM vers le bas

Voici deux pour traverser l'arbre DOM des méthodes jQuery:

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

Cette méthode ne baisse une paire arbre DOM traversal.

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

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

Vous pouvez également utiliser le paramètre optionnel pour filtrer la recherche pour les sous-éléments.

L'exemple suivant retourne le nom de la classe de «1» dans tous les éléments <p>, et ils sont <div> éléments enfants directs:

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

méthode find () renvoie les éléments élément descendants sélectionnés, tout le chemin vers le bas pour le dernier descendant.

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

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

L'exemple suivant retourne <div> toutes les générations:

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