Méthode next
La méthode next renvoie
l'élément qui se trouve après l'élément donné
au sein du même parent.
Syntaxe
Obtention du voisin direct :
.next();
Il est également possible de sélectionner le voisin direct, uniquement s'il correspond au sélecteur donné :
.next(sélecteur);
Exemple
Trouvons l'élément #test et définissons le texte
'!' pour son voisin du dessous en utilisant la méthode
html :
<p>texte</p>
<p>texte</p>
<p id="test">texte</p>
<p>texte</p>
<p>texte</p>
$('#test').next().html('!');
Le code HTML deviendra alors :
<p>texte</p>
<p>texte</p>
<p id="test">texte</p>
<p>!</p>
<p>texte</p>
Voir aussi
-
la méthode
prev,
qui permet d'obtenir le voisin de l'élément au-dessus -
la méthode
nextAll,
qui renvoie les éléments se trouvant après l'élément donné au sein du même parent -
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 au sein du même parent -
La propriété JavaScript
nextElementSibling,
qui contient l'élément suivant, se trouvant dans le même parent
