Método jQuery children ()

Métodos de Navegação do jQuery

O método children () retorna todos os elementos filhos directos do elemento seleccionado.

Atenção: O método children () apenas percorre um nível único da árvore DOM. Para percorrer múltiplos níveis, usefind ()método.

O método children () é semelhante acontents ()Método, a diferença é que ele não retorna nós de texto e comentários.

Sintaxe:

$ (selector).children (selectorExpression)

Exemplo

Retorna o elemento que é filho directo do DIV:

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

Retorna todos os elementos filhos directos do DIV:

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

Retorna todos os elementos filhos do 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();
});

O método children() navega apenas um nível inferior na árvore DOM. O exemplo a seguir retorna o elemento div id="box" como filho direto:

Valor do Parâmetro

Métodos de Navegação do jQuery