jQuery nextUntil() Methode
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.