Méthode children() jQuery

Méthodes de parcours jQuery

La méthode children() retourne tous les éléments enfants directs de l'élément sélectionné.

Attention : La méthode children() ne parcourt que le niveau DOM unique. Pour parcourir plusieurs niveaux, utilisezfind()méthode.

La méthode children() est similaire àcontents()La méthode est similaire à, mais elle ne retourne pas les nœuds de texte et de commentaire.

Grammaire :

$(selector).children(selectorExpression)

Exemple

Retourne l'élément direct enfant de l'élément :

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

Retourne tous les éléments enfants directs du DIV :

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

Retourne tous les éléments enfants de l'élément cliqué :

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

La méthode children() ne parcourt que l'un des niveaux de l'arbre DOM. L'exemple suivant renvoie les éléments div id="box" en tant que sous-éléments directs :

Valeur du paramètre

Méthodes de parcours jQuery