<JQuery Verfahrgeschwindigkeit Methoden
Beispiel
Gibt alle Vorfahren Elemente zwischen <span> und <div> :
$(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
Versuch es selber " Definition und Verwendung
Die parentsUntil() Methode liefert alle Vorfahren Elemente zwischen dem Wähler und Anschlag.
Ein Vorfahre ist ein Elternteil, Großeltern, Urgroßeltern, und so weiter.
Der DOM - Baum: Diese Methode entlang Vorfahren von DOM - Elementen, den ganzen Weg bis zu dem Dokument des Wurzelelement nach oben aus dem übergeordneten Element durchqueren, bis sie erreicht ein bestimmtes Element.
Hinweis: Wenn beide Parameter leer sind, wird diese Methode alle Vorfahren Elemente zurückkehren (wie die parents() Methode).
Ähnliche Methoden:
- parent() - liefert die direkte übergeordnete Element des ausgewählten Elements
- parents() - gibt alle Vorfahren Elemente des ausgewählten Elements
- closest() - gibt den ersten Vorfahren des ausgewählten Elements
Syntax
$(selector).parentsUntil( stop,filter )| Parameter | Beschreibung |
|---|---|
| stop | Optional. Ein Wähler Ausdruck, Element oder jQuery-Objekt angibt, wo die Suche zu stoppen Vorfahren Elemente zur Anpassung |
| filter | Optional. Gibt einen Selektor Ausdruck der Suche nach Vorfahren zwischen Wähler zu verengen und zu stoppen Hinweis: Um mehrere Vorfahren zurückkehren, trennen Sie jeden Ausdruck mit einem Komma. |
Probieren Sie es selbst - Beispiele
Verfeinern Sie die Suche
Wie beide Parameter verwenden , um die Suche nach einem bestimmten Element zwischen filtern <span> und <div> .
Zurück mehrere Vorfahren
Wie mehrere Vorfahren zwischen zurückkehren <span> und <body> .
DOM
Gibt alle Vorfahren zwischen <span> und <div> ein DOM - Element verwendet wird .
Ein DOM - Element und einen Selektor Ausdruck Mit der Suche filtern
Ein DOM - Element Mit der Vorfahr Suche nach unten zu verengen <ul> Elemente zwischen <span> und <div> .