Méthode nextAll

La méthode nextAll renvoie tous les éléments qui se trouvent après l'élément donné à l'intérieur d'un même parent.

Syntaxe

Obtenir tous les voisins en dessous :

javascript$(sélecteur).nextAll();

Il est également possible de filtrer les voisins selon un sélecteur donné :

javascript$(élément).nextAll(sélecteur);

Exemple

Prenons l'élément #test et définissons le texte '!' pour tous ses voisins en dessous en utilisant la méthode 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').nextAll().html('!');

Le code HTML deviendra alors :

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

Voir aussi

  • la méthode prevAll,
    qui renvoie les éléments se trouvant avant l'élément donné à l'intérieur d'un même parent
  • la méthode next,
    qui permet d'obtenir le voisin immédiat en dessous de l'élément
  • la méthode nextUntil,
    qui renvoie les éléments se trouvant après l'élément donné
  • la méthode siblings,
    qui permet d'obtenir les voisins de l'élément à l'intérieur d'un même parent