Exemplu
Întoarcere elemente care sunt copii directe de <ul> :
$(document).ready(function(){
$("ul").children().css({"color": "red", "border": "2px
solid red"});
});
Rezultat:
body (great-grandparent)
div (grandparent)
ul (parent)
- li (child)
span (grandchild)
Încearcă - l singur » Definiție și utilizare
children() Metoda returnează toți copiii direcți ai elementului selectat.
Arborele DOM: Această metodă traversează doar un singur nivel în jos copac DOM. Pentru a traversa în jos mai multe niveluri (pentru a reveni nepoți sau alți descendenți), utilizați find() metoda.
Sfat: Pentru a traversa un singur nivel în sus copac DOM, sau tot drumul până la elementul rădăcină al documentului (to return parents or other ancestors) , utilizați - parent() sau parents() metoda.
Notă: Această metodă nu se întoarce nodurile de text. Pentru a reveni toți copiii , inclusiv nodurile de text, utilizați contents() metoda.
Sintaxă
$( Parametru Descriere filter Opțional. Specifică o expresie de selectare pentru a restrânge căutarea pentru copii
Încearcă-l singur - Exemple
Întoarcere toți copiii direcți <ul>
Cum să se întoarcă toți copiii direcți ai unui <ul> Element.
Restrângeți căutarea
Cum se utilizează parametrul filtru pentru a returna toate <li> elemente cu numele clasei "first" , care sunt copiii direcți ai <ul> .
Întoarcere toate <p> elemente care sunt copii directe ale <div>
Cum de a selecta toate <p> elemente care sunt copii directe ale părintelui <div> Element.
Arată descendenții unui element în funcție de numele tag
O demonstrație care arată cine descendenții unui <div> element de fapt , sunt.