Przykład
Zwraca elementy, które są bezpośrednimi dzieci <ul> :
$(document).ready(function(){
$("ul").children().css({"color": "red", "border": "2px
solid red"});
});
Wynik:
body (great-grandparent)
div (grandparent)
ul (parent)
- li (child)
span (grandchild)
Spróbuj sam " Definicja i Wykorzystanie
children() Metoda zwraca wszystkie bezpośrednie dzieci wybranego elementu.
Drzewo DOM: Ta metoda tylko przechodzą jeden poziom w dół w drzewie DOM. Przechodzić w dół kilka poziomów (powrót wnuki lub innych potomków), użyj find() metody.
Wskazówka: Aby przechodzić jeden poziom w górę drzewa DOM, lub całą drogę do elementu głównego dokumentu (do powrotu rodziców lub innych przodków), należy użyć parent() lub parents() metody.
Uwaga: Ta metoda nie zwraca węzły tekstowe. Aby przywrócić wszystkie dzieci w tym węzłów tekstowych, korzystanie z contents() metody.
Składnia
$(selector).children( filter )| Parametr | Opis |
|---|---|
| filter | Opcjonalny. Określa wyrażenie wyboru, aby zawęzić poszukiwania dla dzieci |
Spróbuj sam - przykłady
Zwraca wszystkie bezpośrednie dzieci <ul>
Jak zwrócić wszystkie bezpośrednie dzieci w <ul> elementu.
Sprecyzuj wyszukiwanie
Jak używać parametru filtra zwrócić wszystkie <li> elementy z nazwą klasy "pierwszej", które są bezpośrednimi dzieci <ul> .
Zwraca wszystkie <p> elementy, które są bezpośrednią dzieci <div>
Jak zaznaczyć wszystkie <p> elementy, które są bezpośrednimi dzieci rodzica <div> elementu.
Pokaż potomków elementu autorem nazwy znaczników
Demonstracja, która pokazuje, kim są potomkami <div> elementu rzeczywistości.