Exemple
Retourne l'élément frère suivant de chaque <li> élément 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)
Essayez - le vous - même » Définition et utilisation
La next() méthode renvoie l'élément frère suivant de l'élément sélectionné.
éléments fratries sont des éléments qui partagent le même parent.
L'arbre DOM: Cette méthode traverse avant le long de la prochaine fratrie d'éléments DOM.
méthodes connexes:
- nextAll() - renvoie tous les éléments frères suivants de l'élément sélectionné
- nextUntil() - renvoie tous les éléments frères à venir entre deux arguments donnés
Syntaxe
$(selector).next( filter )
Paramètre | La description |
---|---|
filter | Optionnel. Indique une expression de sélection pour affiner la recherche suivante de frère |
Essayez-le vous-même - Exemples
Sélectionnez le frère suivant de chaque <div> élément
Comment sélectionner l'élément frère suivant de chaque <div> élément.
Affiner la recherche
Comment sélectionner le frère suivant <p> élément de chaque <div> élément.