<JQuery Verfahrgeschwindigkeit Methoden
Beispiel
Zurück Elemente , die direkte Kinder sind <ul> :
$(document).ready(function(){
$("ul").children().css({"color": "red", "border": "2px
solid red"});
});
Ergebnis:
body (great-grandparent)
div (grandparent)
ul (parent)
- li (child)
span (grandchild)
Versuch es selber " Definition und Verwendung
Die children() Methode gibt alle direkten Kinder des ausgewählten Elements.
Der DOM - Baum: Diese Methode ist nur eine einzige Ebene auf der DOM - Baum durchlaufen. Mehrere Ebenen (zurückzukehren Enkel oder andere Nachkommen), verwenden Sie die zu durchqueren nach unten find() Methode.
Tipp: Um eine einzige Ebene , um die DOM - Baum, oder den ganzen Weg bis zum Stammelement des Dokuments durchqueren (zurückzukehren Eltern oder anderen Vorfahren), verwenden Sie die parent() oder parents() Methode.
Hinweis: Diese Methode ist nicht Textknoten zurückgibt. Um alle Kinder einschließlich Textknoten, verwenden Sie die contents() Methode.
Syntax
$(selector).children( filter )| Parameter | Beschreibung |
|---|---|
| filter | Optional. Gibt einen Selektor Ausdruck der Suche nach Kinder einzuengen |
Probieren Sie es selbst - Beispiele
Gibt alle direkten Kinder von <ul>
Wie alle direkten Kinder eines zurückzukehren <ul> Element.
Verfeinern Sie die Suche
Wie die Filterparameter zu verwenden , um alle zurück <li> Elemente mit dem Klassennamen "erste", die direkte Kinder sind <ul> .
Gibt alle <p> Elemente, die direkte Kinder von <div>
So wählen Sie alle <p> Elemente , die direkte Kinder ihrer Eltern sind <div> Element.
Zeigen die Nachkommen eines Elements von Tag - Namen
Eine Demonstration , die die Nachkommen eines zeigt <div> Element tatsächlich sind.