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 :

javascript.parents();

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

javascript.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 :

html<div>
  <div class="www">
    <div class="www">
      <p id="test">text</p>
    </div>
  </div>
</div>
javascript$('#test').parents('div.www').prepend('!');

Le code HTML deviendra alors :

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