jQuery dzieci() Metoda
Przykład
Zwróć elementy, które są bezpośrednimi dziećmi <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)
Definicja i użycie
Metoda children() zwraca wszystkie bezpośrednie dzieci wybranego elementu.
Drzewo DOM: Ta metoda przechodzi tylko jeden poziom w dół drzewa DOM. Aby przejść wiele poziomów w dół (w celu zwrócenia wnuków lub innych potomków), użyj metody find() .
Wskazówka: Aby przejść o jeden poziom w górę drzewa DOM lub aż do elementu głównego dokumentu (aby zwrócić rodziców lub innych przodków), użyj metody parent() lub parent( ) .
Uwaga: Ta metoda nie zwraca węzłów tekstowych. Aby zwrócić wszystkie elementy potomne, w tym węzły tekstowe, użyj metody content() .
Składnia
$(selector).children(filter)
Parameter | Description |
---|---|
filter | Optional. Specifies a selector expression to narrow down the search for children |
Spróbuj sam - przykłady
Jak zwrócić wszystkie bezpośrednie dzieci elementu <ul>.
Jak użyć parametru filtru do zwrócenia wszystkich elementów <li> o nazwie klasy „first”, które są bezpośrednimi dziećmi <ul>.
Jak wybrać wszystkie elementy <p>, które są bezpośrednimi dziećmi ich rodzica elementu <div>.
Demonstracja, która pokazuje, kim faktycznie są potomkowie elementu <div>.