Metodo jQuery children()

Metodi di esplorazione jQuery

Il metodo children() restituisce tutti i figli diretti dell'elemento selezionato.

Attenzione: Il metodo children() esplora solo un singolo livello del albero DOM. Per esplorare livelli multipli, utilizzarefind()metodo.

Il metodo children() è simile alcontents()Il metodo è diverso perché non restituisce i nodi di testo e i commenti.

Sintassi:

$(selector).children(selectorExpression)

Esempio

Restituisce l'elemento che è figlio diretto del DIV:

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

Restituisce tutti i figli diretti del DIV:

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

Restituisce tutti i figli diretti dell'elemento cliccato:

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

Il metodo children() esplora solo un singolo livello del albero DOM. Esempio: l'elemento restituito è il figlio diretto di div id="box":

Valore del parametro

Metodi di esplorazione jQuery