Méthode parent

La méthode parent obtient le parent direct de l'élément.

Syntaxe

Obtention du parent direct pour les éléments :

.parent();

Il est également possible de sélectionner le parent direct, uniquement s'il correspond au sélecteur spécifié :

.parent(sélecteur);

Exemple

Trouvons l'élément #test puis trouvons son parent à l'aide de parent et mettons-lui le texte '!' avec html :

<p>outside</p>
<div>
	<p>inside</p>
	<p>inside</p>
	<p id="test">inside</p>
	<p>inside</p>
	<p>inside</p>
</div>
<p>outside</p>

$('#test').parent().html('!');

Le code HTML deviendra alors :

<p>outside</p>
<div>
	!
</div>
<p>outside</p>

Exemple

Trouvons l'élément #test puis trouvons son parent à l'aide de parent et, si ce parent est un div avec la classe www, alors mettons-lui le texte '!' avec html :

<p>outside</p>
<div class="www">
	<p>inside</p>
	<p>inside</p>
	<p id="test">inside</p>
	<p>inside</p>
	<p>inside</p>
</div>
<p>outside</p>

$('#test').parent('div.www').html('!');

Le code HTML deviendra alors :

<p>outside</p>
<div class="www">
	!
</div>
<p>outside</p>

Voir aussi

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