Méthode jQuery nextUntil()
❮ Méthodes de traversée jQuery
Exemple
Renvoie tous les éléments frères entre deux éléments <li> avec le nom de classe "start" et "stop":
$(document).ready(function(){
$("li.start").nextUntil("li.stop").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)
- li (sibling with class name "stop")
Définition et utilisation
La méthode nextUntil() renvoie tous les éléments frères suivants entre le sélecteur et stop .
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 long des frères et sœurs des éléments DOM.
Remarque : Si les deux paramètres sont vides, cette méthode renverra tous les éléments frères suivants (identique à la méthode nextAll() ).
Méthodes associées :
- next() - renvoie l'élément frère suivant de l'élément sélectionné
- nextAll() - renvoie tous les éléments frères suivants de l'élément sélectionné
Syntaxe
$(selector).nextUntil(stop,filter)
Parameter | Description |
---|---|
stop | Optional. A selector expression, element or jQuery object indicating where to stop the search for next matching siblings elements |
filter | Optional. Specifies a selector expression to narrow down the search for sibling elements between the selector and stop Note: To return multiple siblings, separate each expression with a comma. |
Essayez-le vous-même - Exemples
Utiliser les deux paramètres pour filtrer la recherche des éléments frères suivants entre deux arguments.
Comment renvoyer plusieurs éléments frères entre deux arguments.
Utilisation d'un élément DOM au lieu d'un sélecteur pour renvoyer tous les éléments frères deux arguments donnés.
Utilisation d'un élément DOM au lieu d'un sélecteur et des deux paramètres pour filtrer la prochaine recherche de frère entre deux arguments.
❮ Méthodes de traversée jQuery