<JQuery Verfahrgeschwindigkeit Methoden
Beispiel
Bringen Sie das direkte übergeordnete Element <span> :
$(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
Versuch es selber " Definition und Verwendung
Die parent() Methode gibt das direkte übergeordnete Element des ausgewählten Elements.
Der DOM - Baum: Diese Methode ist nur eine einzige Ebene der DOM - Baum durchlaufen werden. So durchqueren den ganzen Weg bis das Stammelement des Dokuments (zurückzukehren Großeltern oder anderen Vorfahren), die Verwendung parents() oder die parentsUntil () Methode.
Tipp: Um eine einzige Ebene auf der DOM - Baum, oder den ganzen Weg bis auf den letzten Abkömmling (zurückzukehren Kinder oder andere Nachkommen), verwenden Sie die Traverse children() oder find() Methode.
Syntax
$(selector).parent( filter )| Parameter | Beschreibung |
|---|---|
| filter | Optional. Gibt einen Selektor Ausdruck die übergeordnete Suche einzuengen |
Probieren Sie es selbst - Beispiele
Bringen Sie den direkten Eltern jedes <span> Element
Wie die direkte Mutter jeder zurückkehren <span> Element.
Verfeinern Sie die Suche
Wie die Filterparameter zu verwenden , um die Eltern zurückzukehren <li> Element mit Klassennamen "first" jedes <span> .
Rückkehr der direkten Mutter <div> Element jedes <p> Element
Wie alle direkten Eltern zurückzukehren <div> Element jedes <p> Element.
Zeige die Vorfahren Elemente eines Elements von Tag - Namen
Eine Demonstration , die zeigt , wer die Vorfahren eines <span> Element tatsächlich sind.