Metoda jQuery find() .
Příklad
Vrátit všechny prvky <span>, které jsou potomky prvku <ul>:
$(document).ready(function(){
$("ul").find("span").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 find() vrací potomky vybraného prvku.
Potomek je dítě, vnuk, pravnuk a tak dále.
Strom DOM: Tato metoda prochází směrem dolů podél potomků prvků DOM až k poslednímu potomkovi. Chcete-li procházet pouze o jednu úroveň dolů ve stromu DOM (pro vrácení přímých potomků), použijte metodu children() .
Poznámka: Parametr filtru je vyžadován pro metodu find() na rozdíl od ostatních metod procházení stromem.
Tip: Chcete-li vrátit všechny podřízené prvky, použijte selektor "*".
Syntax
$(selector).find(filter)
| Parameter | Description |
|---|---|
| filter | Required. A selector expression, element or jQuery object to filter the search for descendants Note: To return multiple descendants, separate each expression with a comma. |
Zkuste si to sami - příklady
Pomocí selektoru "*" vrátíte všechny elementy, které jsou potomky <html>.
Jak vrátit všechny prvky <span>, které jsou potomky prvku <ul>.
Jak vrátit elementy potomka s názvem třídy "první".
Jak vrátit více potomků.
Jak vrátit všechny prvky <span>, které jsou potomky prvku <ul> s objektem jQuery.
Ukázka, která ukazuje, kdo vlastně jsou potomci prvku <div>.