Méthode parentsUntil
La méthode parentsUntil obtient
tous les parents d'un élément - pas seulement le parent direct,
mais aussi le grand-parent, l'arrière-grand-parent et ainsi de suite
jusqu'à l'élément racine (c'est-à-dire la balise
html).
La recherche des parents se termine lors
de l'atteinte d'un parent correspondant au sélecteur
spécifié en paramètre de cette méthode.
Syntaxe
Recherche du parent jusqu'au parent correspondant au sélecteur, le sélecteur peut être un nœud DOM, une expression ou un objet jQuery, on peut également utiliser le deuxième paramètre pour un filtrage supplémentaire. Les deux paramètres sont optionnels :
.parentsUntil([sélecteur], [filtre]);
Le sélecteur peut ne pas être spécifié, dans ce cas
la méthode se comportera de manière similaire à la méthode
parents :
.parentsUntil();
Exemple
Trouvons l'élément #test puis
trouvons tous ses parents jusqu'à l'élément avec la classe
zzz en utilisant parentsUntil et
ajoutons au début le texte '!' en utilisant
prepend :
<div>
<div class="zzz">
<div class="www">
<div class="www">
<p id="test">text</p>
</div>
</div>
</div>
</div>
$('#test').parentsUntil('.zzz').prepend('!');
Le code HTML deviendra alors :
<div>
<div class="zzz">
<div class="www">
!
<div class="www">
!<p id="test">text</p>
</div>
</div>
</div>
</div>