jQuery parent() Methode
Beispiel
Alle Vorgängerelemente von <span> zurückgeben:
$(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
Definition und Verwendung
Die Methode parent() gibt alle Vorfahrenelemente des ausgewählten Elements zurück.
Ein Vorfahre ist ein Elternteil, Großelternteil, Urgroßelternteil und so weiter.
Der DOM-Baum: Diese Methode traversiert vom übergeordneten Element entlang der Vorfahren von DOM-Elementen nach oben bis zum Wurzelelement des Dokuments (<html>).
Hinweis: Wenn der Filterparameter leer ist, wählt diese Funktion alle Vorfahren eines Satzes von Elementen aus, vom direkten Elternteil bis hinauf zu <body> und <html>. Daher ist es oft sinnvoll, einen Auswahlausdruck zu übergeben, um das Suchergebnis einzugrenzen.
Diese Methode ähnelt der nächsten() , da beide den DOM-Baum nach oben durchlaufen. Die Unterschiede sind wie folgt:
Eltern()
- Beginnt mit dem übergeordneten Element
- Geht im DOM-Baum nach oben und gibt alle Vorfahren zurück, die mit dem übergebenen Ausdruck übereinstimmen
- Das zurückgegebene jQuery-Objekt enthält null oder mehr als ein Element
am nächsten ()
- Beginnt mit dem aktuellen Element
- Geht im DOM-Baum nach oben und gibt den ersten Vorfahren zurück, der mit dem übergebenen Ausdruck übereinstimmt
- Das zurückgegebene jQuery-Objekt enthält null oder ein Element
Andere verwandte Methoden:
- parent() - gibt das direkte Elternelement des ausgewählten Elements zurück
- parentUntil() - gibt alle Vorfahrenelemente zwischen zwei gegebenen Argumenten zurück
Syntax
$(selector).parents(filter)
| Parameter | Description |
|---|---|
| filter | Optional. Specifies a selector expression to narrow down the search for ancestors Note: To return multiple ancestors, separate each expression with a comma. |
Probieren Sie es selbst aus - Beispiele
eingrenzen So verwenden Sie den Filterparameter, um alle Vorfahren von <span> zurückzugeben, die <ul>-Elemente sind.
zurückgeben So verwenden Sie den Filterparameter, um alle Vorfahren von <span> zurückzugeben, die <li>- und <div>-Elemente sind.
Eine Demonstration, die zeigt, wer die Vorfahren eines <span>-Elements tatsächlich sind.