jQuery nextUntil() Methode

❮ jQuery Traversing-Methoden

Beispiel

Alle Geschwisterelemente zwischen zwei <li>-Elementen mit den Klassennamen „start“ und „stop“ zurückgeben:

$(document).ready(function(){
  $("li.start").nextUntil("li.stop").css({"color": "red", "border": "2px solid red"});
});

Ergebnis:

    ul (parent)
  • li (sibling)
  • li (sibling)
  • li (sibling with class name "start")
  • li (sibling)
  • li (sibling)
  • li (sibling)
  • li (sibling with class name "stop")

Definition und Verwendung

Die Methode nextUntil() gibt alle nächsten gleichgeordneten Elemente zwischen dem Selektor und stop zurück .

Geschwisterelemente sind Elemente, die denselben Elternteil haben.

Der DOM-Baum: Diese Methode durchläuft die Geschwister von DOM-Elementen vorwärts.

Hinweis: Wenn beide Parameter leer sind, gibt diese Methode alle nächsten gleichgeordneten Elemente zurück (wie die Methode nextAll() ).

Verwandte Methoden:

  • next() - gibt das nächste Geschwisterelement des ausgewählten Elements zurück
  • nextAll() - gibt alle nächsten Geschwisterelemente des ausgewählten Elements zurück


Syntax

$(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.

Probieren Sie es selbst aus - Beispiele


eingrenzen Verwenden Sie beide Parameter, um die Suche nach den nächsten Geschwisterelementen zwischen zwei Argumenten zu filtern.


gleichgeordnete Elemente zurückgeben Wie man mehrere gleichgeordnete Elemente zwischen zwei Argumenten zurückgibt.


Verwenden eines DOM-Elements anstelle eines Selektors, um alle Geschwisterelemente mit zwei gegebenen Argumenten zurückzugeben.


Verwenden eines DOM-Elements anstelle eines Selektors und beider Parameter, um die nächste gleichgeordnete Suche zwischen zwei Argumenten zu filtern.


❮ jQuery Traversing-Methoden