Méthode children()de jQuery

jQuery 遍历方法Méthodes de parcours jQuery

Exemple

Retourne les enfants directs de <ul> :

$(document).ready(function(){
$("ul").children().css({"color":"red","border":"2px solid red"});
});

Résultat :

body (arrière-grand-parent)
div (grand-parent)
    ul (parent)
  • li (enfant) span (petit-enfant)

Essayez-le vous-même »

Définition et utilisation

La méthode children() renvoie tous les enfants directs des éléments sélectionnés.

Arborescence DOM :Cette méthode ne parcourt qu'un seul niveau vers le bas dans l'arborescence DOM. Pour parcourir plusieurs niveaux vers le bas (en renvoyant des nœuds descendants ou d'autres descendants), utilisez la find()méthode.

Astuce :Pour remonter d'un seul niveau dans l'arborescence DOM, ou jusqu'à l'élément racine du document (en renvoyant des nœuds parents ou d'autres ancêtres), utilisez laparent()ou parents()méthode.

Remarque :Cette méthode ne renvoie pas de nœuds de texte. Pour renvoyer tous les nœuds enfants, y compris les nœuds de texte, utilisez lacontents()méthode.

Syntaxe

$(selector).children(filter)

Paramètre Description
filter Facultatif. Spécifie une expression de sélecteur pour restreindre la recherche des éléments enfants.

实例

Plus d’exemples

Renvoie tous les enfants directs de <ul>
Comment retourner tous les enfants directs de l'élément <ul>.

Affiner la recherche
Comment utiliser le paramètre filter pour retourner tous les éléments <li> avec le nom de classe "1" parmi les enfants directs de <ul>.

Retourner tous les éléments <p> parmi les enfants directs de <div>
Comment sélectionner tous les éléments <p> qui sont des enfants directs de <div>.

Démontrer les descendants d'un élément par nom de balise
Démontrer les descendants d'un élément <div>.

jQuery 遍历方法Méthodes de parcours jQuery

Autres extensions