Exemple
Retour tous les éléments ancêtres entre <span> et <div> :
$(document).ready(function(){
$("span").parentsUntil("div").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 parentsUntil() méthode renvoie tous les éléments ancêtres entre le sélecteur et l' arrêt.
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, jusqu'à ce qu'il atteigne un élément spécifique.
Remarque: Si les deux paramètres sont vides, cette méthode retournera tous les éléments ancêtres ( les mêmes que les parents() , parents() méthode).
méthodes connexes:
- parent() - retourne l'élément parent direct de l'élément sélectionné
- parents() - renvoie tous les éléments ancêtres de l'élément sélectionné
- le closest() - renvoie le premier ancêtre de l'élément sélectionné
Syntaxe
$(selector).parentsUntil( stop,filter )| Paramètre | La description |
|---|---|
| stop | Optionnel. Une expression de sélecteur, élément ou objet jQuery indiquant où arrêter la recherche pour faire correspondre les éléments ancêtres |
| filter | Optionnel. Indique une expression de sélection pour affiner la recherche d'ancêtres entre sélecteur et arrêter Remarque: Pour revenir plusieurs ancêtres, séparer chaque expression par une virgule. |
Essayez-le vous-même - Exemples
Affiner la recherche
Comment utiliser les deux paramètres pour filtrer la recherche d'un élément spécifique entre <span> et <div> .
Retour plusieurs ancêtres
Comment retourner plusieurs ancêtres entre <span> et <body> .
DOM
Retour tous les ancêtres entre <span> et <div> en utilisant un élément DOM.
L' utilisation d' un élément DOM et une expression de sélection pour filtrer la recherche
L' utilisation d' un élément DOM pour affiner la recherche des ancêtres pour <ul> éléments entre <span> et <div> .