Méthode jQuery next()
❮ Méthodes de traversée jQuery
Exemple
Renvoie le prochain élément frère de chaque élément <li> avec le nom de classe "start":
$(document).ready(function(){
$("li.start").next().css({"color": "red", "border": "2px solid red"});
});
Résultat:
ul (parent)
- li (sibling)
- li (sibling)
- li (sibling with class name "start")
- li (sibling)
- li (sibling)
Définition et utilisation
La méthode next() renvoie l'élément frère suivant de l'élément sélectionné.
Les éléments frères sont des éléments qui partagent le même parent.
L'arborescence DOM : cette méthode traverse en avant le prochain frère des éléments DOM.
Méthodes associées :
- nextAll() - renvoie tous les éléments frères suivants de l'élément sélectionné
- nextUntil() - renvoie tous les éléments frères suivants entre deux arguments donnés
Syntaxe
$(selector).next(filter)
| Parameter | Description |
|---|---|
| filter | Optional. Specifies a selector expression to narrow down the next sibling search |
Essayez-le vous-même - Exemples
Comment sélectionner le prochain élément frère de chaque élément <div>.
Comment sélectionner l'élément <p> frère suivant de chaque élément <div>.
❮ Méthodes de traversée jQuery