Exemple
Retour tous les <span> éléments qui sont les descendants de <ul> :
$(document).ready(function(){
$("ul").find("span").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 find() méthode retourne éléments descendants de l'élément sélectionné.
Un descendant est un enfant, petit-enfant, petit-enfant, et ainsi de suite.
L'arbre DOM: Cette méthode traverse vers le bas le long des descendants des éléments DOM, tout le chemin vers le bas pour le dernier descendant. Pour seulement traverser un seul niveau bas de l'arbre DOM (pour retourner les enfants directs), utiliser les children() méthode.
Remarque: Le paramètre de filtre est nécessaire pour le find() méthode, contrairement au reste des méthodes arbre traversal.
Conseil: Pour revenir tous les éléments descendants, utilisez le "*" sélecteur.
Syntaxe
$(selector).find( filter )| Paramètre | La description |
|---|---|
| filter | Obligatoire. Une expression de sélecteur, élément ou objet jQuery pour filtrer la recherche de descendants Remarque: Pour revenir plusieurs descendants, séparer chaque expression par une virgule. |
Essayez-le vous-même - Exemples
Retour tous les éléments descendants de <html>
Utilisation de la "*" sélecteur pour revenir tous les éléments qui sont les descendants de <html> .
Retour tous les <span> éléments qui sont les descendants de <ul>
Comment retourner tous les <span> éléments qui sont des descendants d'un <ul> élément.
Seuls certains descendants avec un nom de classe donnée
Comment retourner éléments descendants avec le nom de classe "first" .
Retour plusieurs descendants
Comment retourner éléments descendants multiples.
Filtrer la recherche descendante avec une collection jQuery de tous les <ul> éléments
Comment retourner tous les <span> éléments qui sont des descendants d'un <ul> élément avec un objet jQuery.
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é.