Metoda jQuery find()
Przykład
Zwróć wszystkie elementy <span>, 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)
Definicja i użycie
Metoda find() zwraca elementy potomne wybranego elementu.
Potomek to dziecko, wnuk, prawnuk i tak dalej.
Drzewo DOM: Ta metoda przechodzi w dół wzdłuż potomków elementów DOM, aż do ostatniego potomka. Aby przejść tylko jeden poziom w dół drzewa DOM (aby zwrócić bezpośrednie dzieci), użyj metody children() .
Uwaga: Parametr filter jest wymagany dla metody find(), w przeciwieństwie do pozostałych metod przechodzenia przez drzewo.
Wskazówka: aby zwrócić wszystkie elementy potomne, użyj selektora „*”.
Składnia
$(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. |
Spróbuj sam - przykłady
Użycie selektora "*" do zwrócenia wszystkich elementów, które są potomkami <html>.
Jak zwrócić wszystkie elementy <span> będące potomkami elementu <ul>.
Jak zwrócić elementy potomne z nazwą klasy "pierwszy".
Jak zwrócić wiele elementów potomnych.
Jak zwrócić wszystkie elementy <span>, które są potomkami elementu <ul> z obiektem jQuery.
Demonstracja, która pokazuje, kim faktycznie są potomkowie elementu <div>.