Metoda jQuery children() .
Příklad
Vrátit prvky, které jsou přímými potomky <ul>:
$(document).ready(function(){
$("ul").children().css({"color": "red", "border": "2px solid red"});
});
Výsledek:
body (great-grandparent)
div (grandparent)
ul (parent)
- li (child)
span (grandchild)
Definice a použití
Metoda children() vrací všechny přímé potomky vybraného prvku.
Strom DOM: Tato metoda prochází stromem DOM pouze o jednu úroveň níže. Chcete-li procházet více úrovněmi (pro návrat vnoučat nebo jiných potomků), použijte metodu find() .
Tip: Chcete-li přejít o jednu úroveň výše ve stromu DOM nebo až ke kořenovému prvku dokumentu (pro návrat rodičů nebo jiných předků), použijte metodu parent() nebo parent( ) .
Poznámka: Tato metoda nevrací textové uzly. Chcete-li vrátit všechny potomky včetně textových uzlů, použijte metodu content() .
Syntax
$(selector).children(filter)
| Parameter | Description |
|---|---|
| filter | Optional. Specifies a selector expression to narrow down the search for children |
Zkuste si to sami - příklady
Jak vrátit všechny přímé potomky prvku <ul>.
Jak použít parametr filtru k vrácení všech prvků <li> s názvem třídy "first", které jsou přímými potomky <ul>.
Jak vybrat všechny prvky <p>, které jsou přímými potomky jejich nadřazeného prvku <div>.
Ukázka, která ukazuje, kdo vlastně jsou potomci prvku <div>.