Latest web development tutorials

jQuery Kinder () -Methode

jQuery-Traversal-Methoden jQuery - Traversal - Methoden

Beispiele

Zurück <ul> direkte Kind-Elemente:

$(document).ready(function(){
$("ul").children().css({"color":"red","border":"2px solid red"});
});

Ergebnisse:

body (great-grandparent)
div (grandparent)
    ul (parent)
  • li (child) span (grandchild)

Versuchen »

Definition und Verwendung

Kinder () Methode gibt das ausgewählte Element alle direkt untergeordneten Elemente.

DOM - Baum: Diese Methode ist nur eine einzige Ebene den DOM - Baum durchqueren nach unten. Für mehrere Ebenen durchqueren nach unten (Return Nachkommen von Knoten oder anderen Nachkommen), verwenden Sie die find () Methode.

Tipp: Um den DOM - Baum nach oben entlang einer einzigen Ebene oder durch alle Pfade , bis das Dokument Wurzelelement nach oben (Rückkehr Eltern oder anderen Vorfahren), Nutzung durchqueren parent () oder Eltern () Methode.

Hinweis: Diese Methode nicht einen Textknoten zurückgibt. Um alle untergeordneten Knoten , die Textknoten enthalten, verwenden Sie die Inhalte () Methode.


Grammatik

$(selector).children( filter )

参数 描述
filter 可选。规定缩小搜索子元素范围的选择器表达式。


Beispiele

Weitere Beispiele

Zurück <ul> Alle unmittelbaren Kind - Elemente
Wie Zurückgeben <ul> Element aller direkten Kindelemente.

Ihre Suche eingrenzen ,
Wie die Filterparameter zu verwenden, um zurückzukehren <ul> direkt untergeordnetes Element mit Klassennamen von "1" für alle <li> Elemente.

Zurück <div> direkte Kindelemente aller <p> Elemente
Wie die <div> Elemente direkt Kind aller <p> Elemente auszuwählen.

Präsentation von Nachkommen des Tag - Namen des Elements
Demo <div> Element Nachkommen.


jQuery-Traversal-Methoden jQuery - Traversal - Methoden