jQuery parentUntil() Methode
Beispiel
Alle Vorfahrenelemente zwischen <span> und <div> zurückgeben:
$(document).ready(function(){
$("span").parentsUntil("div").css({"color": "red", "border": "2px solid red"});
});
Ergebnis:
body (great-great-grandparent)
div (great-grandparent)
ul (grandparent)
- li (direct parent)
span
Definition und Verwendung
Die Methode parentUntil() gibt alle Vorfahrenelemente zwischen dem Selektor und stop zurück .
Ein Vorfahre ist ein Elternteil, Großelternteil, Urgroßelternteil und so weiter.
Der DOM-Baum: Diese Methode durchläuft vom übergeordneten Element entlang der Vorfahren von DOM-Elementen den ganzen Weg bis zum Wurzelelement des Dokuments, bis es ein bestimmtes Element erreicht.
Hinweis: Wenn beide Parameter leer sind, gibt diese Methode alle Ancestor-Elemente zurück (genauso wie die parent()- Methode).
Verwandte Methoden:
- parent() - gibt das direkte Elternelement des ausgewählten Elements zurück
- parent() - gibt alle Vorfahrenelemente des ausgewählten Elements zurück
- next() - gibt den ersten Vorfahren des ausgewählten Elements zurück
Syntax
$(selector).parentsUntil(stop,filter)
Parameter | Description |
---|---|
stop | Optional. A selector expression, element or jQuery object indicating where to stop the search for matching ancestor elements |
filter | Optional. Specifies a selector expression to narrow down the search for ancestors between selector and stop Note: To return multiple ancestors, separate each expression with a comma. |
Probieren Sie es selbst aus - Beispiele
eingrenzen So verwenden Sie beide Parameter, um die Suche nach einem bestimmten Element zwischen <span> und <div> zu filtern.
zurückgeben Wie man mehrere Vorfahren zwischen <span> und <body> zurückgibt.
Gibt alle Vorfahren zwischen <span> und <div> mithilfe eines DOM-Elements zurück.
Verwenden eines DOM-Elements zum Eingrenzen der Ancestor-Suche nach <ul>-Elementen zwischen <span> und <div>.