jQuery parent() Methode
Beispiel
Geben Sie das direkte übergeordnete Element von <span> zurück:
$(document).ready(function(){
$("span").parent().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 das direkte Elternelement des ausgewählten Elements zurück.
Der DOM-Baum: Diese Methode durchläuft den DOM-Baum nur eine Ebene nach oben. Um den ganzen Weg bis zum Wurzelelement des Dokuments zu durchlaufen (um Großeltern oder andere Vorfahren zurückzugeben), verwenden Sie die parent( )- oder die parentUntil()- Methode.
Tipp: Um eine einzelne Ebene im DOM-Baum nach unten oder ganz nach unten bis zum letzten Nachkommen zu durchlaufen (um Kinder oder andere Nachkommen zurückzugeben), verwenden Sie die Methode children() oder find() .
Syntax
$(selector).parent(filter)
Parameter | Description |
---|---|
filter | Optional. Specifies a selector expression to narrow down the parent search |
Probieren Sie es selbst aus - Beispiele
zurückgeben So geben Sie den direkten Elternteil jedes <span>-Elements zurück.
eingrenzen So verwenden Sie den Filterparameter, um das übergeordnete <li>-Element mit dem Klassennamen "first" von jedem <span> zurückzugeben.
So geben Sie alle direkten übergeordneten <div>-Elemente jedes <p>-Elements zurück.
Eine Demonstration, die zeigt, wer die Vorfahren eines <span>-Elements tatsächlich sind.