Méthode parents

La méthode parents 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 jusqu'à la balise html).

Syntaxe

Obtention de tous les parents pour les éléments :

.parents();

On peut également sélectionner les parents seulement s'ils satisfont le sélecteur donné :

.parents(sélecteur);

Exemple

Trouvons l'élément #test, puis trouvons tous ses parents à l'aide de parents et, si ce sont des parents div avec la classe www, ajoutons au début le texte '!' à l'aide de prepend :

<div>
	<div class="www">
		<div class="www">
			<p id="test">text</p>
		</div>
	</div>
</div>

$('#test').parents('div.www').prepend('!');

Le code HTML deviendra alors :

<div>
	<div class="www">
		!
		<div class="www">
			!<p id="test">text</p>
		</div>
	</div>
</div>

Voir aussi

la méthode parent,
qui permet d'obtenir le parent direct de l'élément
la méthode parentsUntil,
qui permet d'obtenir tous les parents de l'élément jusqu'au parent spécifié
la méthode closest,
qui permet d'obtenir l'élément parent le plus proche satisfaisant le sélecteur
la méthode contents,
qui permet d'obtenir les descendants de l'élément et le texte à l'intérieur de cet élément