Exemple
Éléments qui sont des enfants directs de retour <ul> :
$(document).ready(function(){
$("ul").children().css({"color": "red", "border": "2px
solid red"});
});
Résultat:
body (great-grandparent)
div (grandparent)
ul (parent)
- li (child)
span (grandchild)
Essayez - le vous - même » Définition et utilisation
Les children() méthode renvoie tous les enfants directs de l'élément sélectionné.
L'arbre DOM: Cette méthode ne traverse qu'un seul niveau bas de l'arbre DOM. Pour traverser vers le bas des niveaux multiples (pour revenir petits - enfants ou autres descendants), utiliser le find() méthode.
Astuce: Pour traverser un seul niveau dans l'arborescence DOM, ou tout le chemin jusqu'à l'élément racine du document (pour retourner les parents ou autres ascendants), utilisez le parent() ou parents() les parents() méthode.
Note: Cette méthode ne retourne pas les nœuds de texte. Pour revenir à tous les enfants , y compris les nœuds de texte, utiliser les contents() méthode.
Syntaxe
$(selector).children( filter )| Paramètre | La description |
|---|---|
| filter | Optionnel. Indique une expression de sélection pour affiner la recherche pour les enfants |
Essayez-le vous-même - Exemples
Retour à tous les enfants directs de <ul>
Comment retourner tous les enfants directs d'un <ul> élément.
Affiner la recherche
Comment utiliser le paramètre de filtre pour renvoyer tous les <li> éléments avec le nom de classe "première", qui sont des enfants directs de <ul> .
Retour tous les <p> éléments qui sont des enfants directs de <div>
Comment sélectionner tous les <p> éléments qui sont des enfants directs de leur parent <div> élément.
Afficher les descendants d'un élément par les noms de balises
Une démonstration qui montre qui sont les descendants d'un <div> élément sont en réalité.