Méthode parent

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

Syntaxe

Obtention du parent direct pour les éléments :

javascript.parent();

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

javascript.parent(sélecteur);

Exemple

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

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>

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

Le code HTML deviendra alors :

html<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 :

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>

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

Le code HTML deviendra alors :

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

Voir aussi