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