Exemple
Retour tous les éléments ancêtres de <span> :
$(document).ready(function(){
$("span").parents().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
Les parents() , parents() méthode renvoie tous les éléments ancêtres de l'élément sélectionné.
Un ancêtre est un parent, grand-parent, grand-parent, et ainsi de suite.
L'arbre DOM: Cette méthode traverse vers le haut depuis l'élément parent le long ancêtres des éléments DOM, tout le chemin jusqu'à l'élément racine du document (<html>) .
Remarque: Si le paramètre de filtre est vide, cette fonction sélectionne tous les ancêtres d'un ensemble d'éléments, à partir du parent direct et tout le chemin jusqu'à <body> et <html> . Il est donc souvent utile de passer une expression de sélection pour affiner le résultat de recherche.
Cette méthode est similaire à la closest() , en ce qu'elles traversent l'arbre DOM. Les différences sont les suivantes:
parents()
- Commence avec l'élément parent
- Voyage dans l'arbre DOM et renvoie tous les ancêtres qui correspond à l'expression passée
- L'objet jQuery retourné contient zéro ou plus d'un élément
closest()
- Commence par l'élément courant
- Voyage dans l'arbre DOM et renvoie le premier ancêtre qui correspond à l'expression passée
- L'objet jQuery retourné contient zéro ou un élément
D' autres méthodes connexes:
- parent() - retourne l'élément parent direct de l'élément sélectionné
- parentsUntil() - renvoie tous les éléments ancêtres entre deux arguments donnés
Syntaxe
$(selector).parents( filter )
Paramètre | La description |
---|---|
class = "notranslate"filtre | Optionnel. Indique une expression de sélection pour affiner la recherche d'ancêtres Remarque: Pour revenir plusieurs ancêtres, séparer chaque expression par une virgule. |
Essayez-le vous-même - Exemples
Affiner la recherche
Comment utiliser le paramètre de filtre pour renvoyer tous les ancêtres de <span> qui sont <ul> éléments.
Retour plusieurs ancêtres
Comment utiliser le paramètre de filtre pour renvoyer tous les ancêtres de <span> qui sont <li> et <div> éléments.
Afficher les 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é.