jQuery children() Methode

jQuery Throughsuche Methoden

Das children() Methoden gibt alle direkten Kinderknoten des ausgewählten Elements zurück.

Hinweis: Das children() Methoden durchsucht nur ein einziges Level des DOM-Baums. Um mehrere Ebenen zu durchsuchen, verwenden Siefind()Methode.

Das children() Methoden ist ähnlich wiecontents()Der Unterschied zu diesem Methoden liegt darin, dass sie keine Text- und Kommentar-Knoten zurückgeben.

Syntax:

$(selector).children(selectorExpression)

Beispiel

Gibt den direkten Kindknoten des Elements zurück:

$(document).ready(function(){
　　$("div").children().css("background-color", "coral");
});

Gibt alle direkten Kinderknoten von DIV zurück:

$(document).ready(function(){
　　$("div").children("p").css("background-color", "coral");
});

Gibt alle direkten Kinderknoten des geklickten Elements zurück:

$("#container").click(function(event){
　　$("*").removeClass("hilite");
　　let　kids　=　$(event.target).children();
　　let　len　=　kids.addClass("hilite").length;
　
　　$("#results　span:first").text(len);
　　$("#results　span:last").text(event.target.tagName);
　
　　event.preventDefault();
});

Die children() Methode durchsucht nur eine Ebene im DOM-Baum nach unten. Der folgende Beispiel gibt die direkten Nachfolger des div id="box" zurück:

Parameterwert

jQuery Throughsuche Methoden