<JQuery Verfahrgeschwindigkeit Methoden
Beispiel
Gibt alle Vorfahren Elemente von <span> :
$(document).ready(function(){
$("span").parents().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 parents() Methode gibt alle Vorfahren Elemente des ausgewählten Elements.
Ein Vorfahre ist ein Elternteil, Großeltern, Urgroßeltern, und so weiter.
Der DOM - Baum: Diese Methode verfahren nach oben aus dem übergeordneten Element entlang Vorfahren von DOM - Elementen, den ganzen Weg bis das Stammelement des Dokuments (<html>) .
Hinweis: Wenn die Filterparameter leer ist, wird diese Funktion , um alle Vorfahren einer Reihe von Elementen wählen, von der direkten Eltern und den ganzen Weg bis zum <body> und <html> . Es ist daher oft sinnvoll, einen Selektor Ausdruck passieren die Suchergebnisse eingrenzen.
Dieses Verfahren ist ähnlich wie die closest() , daß sie beide den DOM - Baum durchlaufen werden. Die Unterschiede sind wie folgt:
parents()
- Beginnt mit dem Mutterelement
- Reist den DOM-Baum nach oben und gibt alle Vorfahren, die den übergebenen Ausdruck passt
- Das zurückgegebene jQuery-Objekt enthält null oder mehr als ein Element
closest()
- Beginnt mit dem aktuellen Element
- Reist den DOM-Baum nach oben und gibt den ersten Vorfahren, die den übergebenen Ausdruck passt
- Das zurückgegebene jQuery-Objekt enthält null oder ein Element
Andere verwandte Methoden:
- parent() - liefert die direkte übergeordnete Element des ausgewählten Elements
- parentsUntil() - liefert alle Vorfahren Elemente zwischen zwei gegebenen Argumente
Syntax
$(selector).parents( filter )| Parameter | Beschreibung |
|---|---|
| class = "notranslate"Filter | Optional. Gibt einen Selektor Ausdruck der Suche nach Vorfahren zu verengen Hinweis: Um mehrere Vorfahren zurückkehren, trennen Sie jeden Ausdruck mit einem Komma. |
Probieren Sie es selbst - Beispiele
Verfeinern Sie die Suche
Wie die Filterparameter zu verwenden , um alle Vorfahren zurückzukehren <span> , die <ul> Elemente.
Zurück mehrere Vorfahren
Wie die Filterparameter zu verwenden , um alle Vorfahren zurückzukehren <span> , die <li> und <div> Elemente.
Zeigen Sie die Vorfahren eines Elements von Tag - Namen
Eine Demonstration , die zeigt , wer die Vorfahren eines <span> Element tatsächlich sind.