jQuery next()Méthode
jQuery
Méthodes de traverséeExemple
Renvoie l'élément frère suivant de chaque élément <li> avec le nom de classe "start" :
$(document).ready(function(){
$("li.start").next().css({"color":"red","border":"2px solid red"});
});
$("li.start").next().css({"color":"red","border":"2px solid red"});
});
Résultat :
- ul (parent)
- li (frère)
- li (frère)
- li (frère avec le nom de classe "start")
- li (frère)
- li (frère)
Essayez-le vous-même »
Définition et utilisation
La méthode next() renvoie l'élément frère suivant des éléments sélectionnés.
Les éléments frères sont des éléments qui partagent le même parent.
Remarque :Cette méthode ne retourne qu'un seul élément.
Arborescence DOM :Cette méthode parcourt vers l'avant le long des éléments frères suivants de l'élément DOM.
Méthodes associées :
- nextAll()- Retourne tous les éléments frères après l'élément sélectionné
- nextUntil()- Retourne tous les éléments frères après chaque élément entre les deux paramètres donnés
Syntaxe
$(selector).next(filter)
| Paramètre | Description |
|---|---|
| filter | Facultatif. Spécifie une expression de sélecteur pour affiner la recherche de l'élément frère suivant. |
Plus d’exemples
Sélectionner l'élément frère suivant de chaque élément <div>
Comment sélectionner l'élément frère suivant de chaque élément <div>.
Affiner la recherche
Comment sélectionner l'élément <p> frère suivant de chaque élément <div>.
Autres extensions