Latest web development tutorials

méthode jQuery Les enfants ()

méthodes traversal jQuery méthodes traversal jQuery

Exemples

Retour <ul> éléments enfants directs:

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

Résultats:

body (great-grandparent)
div (grandparent)
    ul (parent)
  • li (child) span (grandchild)

Essayez »

Définition et utilisation

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

arbre DOM: Cette méthode est uniquement un seul niveau traverse vers le bas l'arbre DOM. Pour traverser plusieurs niveaux bas (retour descendants de nœuds ou autres descendants), utiliser le find () méthode.

Astuce: Pour parcourir l'arborescence DOM vers le haut le long d' un seul niveau, ou à travers tous les chemins jusqu'à ce que l'élément racine du document vers le haut (parent de retour ou d'un autre ancêtre), l' utilisation parent () ou les parents () méthode.

Note: Cette méthode ne retourne pas un nœud de texte. Pour revenir tous les nœuds enfants qui contiennent des nœuds de texte, utilisez le contenu () méthode.


grammaire

$(selector).children( filter )

参数 描述
filter 可选。规定缩小搜索子元素范围的选择器表达式。


Exemples

D'autres exemples

Retour <ul> Tous les éléments immédiats de l' enfant
Comment retourner <ul> élément de tous les éléments enfants directs.

Précisez votre recherche
Comment utiliser le paramètre de filtre pour revenir <ul> élément enfant direct avec le nom de classe de "1" pour tous <li> éléments.

Retour <div> éléments enfants directs de tous les éléments <p>
Comment sélectionner les éléments <div> enfant direct de tous les éléments <p>.

Présentation par les descendants du nom de la balise de l'élément
Demo <div> descendants d'éléments.


méthodes traversal jQuery méthodes traversal jQuery