Przykład
Zwraca wszystkie <span> elementy, które są potomkami <ul> :
$(document).ready(function(){
$("ul").find("span").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
Z find() zwraca metoda elementów potomnych wybranego elementu.
Potomek to dziecko, wnuk, prawnuk, i tak dalej.
Drzewo DOM: Ta metoda przechodzenie w dół wzdłuż potomków elementów DOM, przez całą drogę aż do ostatniego potomka. Aby przechodzić tylko jeden poziom w dół w drzewie DOM (powrót bezpośrednie dzieci), użyj children() metody.
Uwaga: Parametry filtru jest niezbędna do find() metoda, w odróżnieniu od pozostałych metod przechodzenie drzewa.
Wskazówka: Aby powrócić wszystkich elementów potomnych, należy użyć "*" selektor.
Składnia
$(selector).find( filter )| Parametr | Opis |
|---|---|
| filter | Wymagany. Wyrażenie selektor, element lub obiekt jQuery filtrować poszukiwania potomków Uwaga: Aby powrócić wielu potomków, oddziel każdy wyraz przecinkami. |
Spróbuj sam - przykłady
Zwraca wszystkie elementy potomka <html>
Korzystanie z "*" selektor zwrócić wszystkie elementy, które są potomkami <html> .
Zwraca wszystkie <span> elementy, które są potomkami <ul>
Jak przywrócić wszystkie <span> elementy, które są potomkami w <ul> elementu.
Wybierz tylko potomkowie o danej nazwie klasy
Jak zwrócić elementy podrzędne z nazwą klasy "first" .
Powrót wielu potomków
Jak zwracać wiele elementów potomnych.
Filtr wyszukiwania potomka z kolekcji jQuery wszystkich <ul> elementów
Jak zwrócić wszystkie <span> elementy, które są potomkami w <ul> elementu z obiektu jQuery.
Pokaż potomków elementu autorem nazwy znaczników
Demonstracja, która pokazuje, kim są potomkami <div> elementu rzeczywistości.