Método children() de jQuery

Métodos de búsqueda de jQuery

El método children() devuelve todos los elementos hijos directos del elemento seleccionado.

Nota: El método children() solo recorre un nivel del árbol DOM. Para recorrer múltiples niveles, utilicefind()método.

El método children() es similar acontents()Método, la diferencia radica en que no devuelve nodos de texto y comentarios.

Sintaxis:

$(selector).children(selectorExpression)

Ejemplo

Devuelve el elemento que es hijo directo de DIV:

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

Devuelve todos los elementos hijos directos del DIV:

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

Devuelve todos los elementos hijos del elemento clicado:

$("#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();
});

El método children() solo se extiende a un nivel individual del árbol DOM. El siguiente ejemplo devuelve el elemento div id="box" como hijo directo:

Valor del parámetro

Métodos de búsqueda de jQuery