Exemple
Retour tous les éléments frères suivants de chaque <li> élément avec le nom de classe "start" :
$(document).ready(function(){
$("li.start").nextAll().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)
- li (sibling)
Essayez - le vous - même » Définition et utilisation
Le nextAll() méthode renvoie tous les éléments frères suivants 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 fratrie des éléments DOM.
méthodes connexes:
- next() - retourne l'élément frère suivant de l'élément sélectionné
- nextUntil() - renvoie tous les éléments frères à venir entre deux arguments donnés
Syntaxe
$(selector).nextAll( filter )| Paramètre | La description |
|---|---|
| filter | Optionnel. Indique une expression de sélection pour affiner la recherche pour les prochains frères et sœurs Remarque: Pour revenir plusieurs frères et sœurs, séparer chaque expression par une virgule. |
Essayez-le vous-même - Exemples
Affiner la recherche
Comment filtrer la recherche pour les prochains éléments frères.
Retour plusieurs frères et sœurs
En utilisant le paramètre de filtre pour obtenir tous les frères et sœurs d'un <h2> élément qui ont des noms de classe "first", "second" et "third" .
Sélectionnez tous les éléments frères suivants d'un <p> élément
Comment sélectionner tous les éléments frères suivants d'une <p> élément.
Sélectionner tout frère suivant <p> éléments <div>
Comment sélectionner tous frère suivant <p> éléments de chaque <div> élément.