Exemple
Retour l'élément parent direct de <span> :
$(document).ready(function(){
$("span").parent().css({"color": "red", "border": "2px
solid red"});
});
Résultat:
body (great-great-grandparent)
div (great-grandparent)
ul (grandparent)
- li (direct parent)
span
Essayez - le vous - même » Définition et utilisation
Le parent() méthode retourne l'élément parent direct de l'élément sélectionné.
L'arbre DOM: Cette méthode ne traverse qu'un seul niveau jusqu'à l'arbre DOM. Pour parcourir tout le chemin jusqu'à l'élément racine du document (pour retourner les grands - parents ou autres ascendants), utilisez les parents() , parents() ou l' parentsUntil () méthode.
Astuce: Pour traverser un seul niveau bas de l'arbre DOM, ou tout le chemin vers le bas pour le dernier descendant (pour retourner les enfants ou autres descendants), utiliser les children() ou find() méthode.
Syntaxe
$(selector).parent( filter )| Paramètre | La description |
|---|---|
| filter | Optionnel. Indique une expression de sélection pour affiner la recherche de parent |
Essayez-le vous-même - Exemples
Retourne le parent direct de chaque <span> élément
Comment retourner le parent direct de chaque <span> élément.
Affiner la recherche
Comment utiliser le paramètre de filtre pour renvoyer le parent <li> élément avec le nom de classe "first" de chaque <span> .
Retourne le parent direct <div> élément de chaque <p> élément
Comment retourner tout le parent direct <div> élément de chaque <p> élément.
Afficher les éléments ancêtres d'un élément par les noms de balises
Une démonstration qui montre qui sont les ancêtres d'un <span> élément sont en réalité.