jQuery rodzice() Metoda
Przykład
Zwróć wszystkie elementy przodków <span>:
$(document).ready(function(){
$("span").parents().css({"color": "red", "border": "2px solid red"});
});
Wynik:
body (great-great-grandparent)
div (great-grandparent)
ul (grandparent)
- li (direct parent)
span
Definicja i użycie
Metoda parent() zwraca wszystkie elementy przodków wybranego elementu.
Przodek jest rodzicem, dziadkiem, pradziadkiem i tak dalej.
Drzewo DOM: Ta metoda przechodzi w górę od elementu nadrzędnego wzdłuż przodków elementów DOM, aż do elementu głównego dokumentu (<html>).
Uwaga: Jeśli parametr filtru jest pusty, ta funkcja wybierze wszystkich przodków zestawu elementów, od bezpośredniego rodzica i aż do <body> i <html>. Dlatego często przydatne jest przekazanie wyrażenia selektora w celu zawężenia wyników wyszukiwania.
Ta metoda jest podobna do metody next() , ponieważ obie przechodzą w górę drzewa DOM. Różnice są następujące:
rodzice()
- Zaczyna się od elementu nadrzędnego
- Podróżuje w górę drzewa DOM i zwraca wszystkich przodków pasujących do przekazanego wyrażenia
- Zwrócony obiekt jQuery zawiera zero lub więcej niż jeden element
najbliższy()
- Rozpoczyna się od bieżącego elementu
- Podróżuje w górę drzewa DOM i zwraca pierwszego przodka, który pasuje do przekazanego wyrażenia
- Zwrócony obiekt jQuery zawiera zero lub jeden element
Inne powiązane metody:
- parent() - zwraca bezpośredni element rodzica wybranego elementu
- parentUntil() - zwraca wszystkie elementy przodka pomiędzy dwoma podanymi argumentami
Składnia
$(selector).parents(filter)
| Parameter | Description |
|---|---|
| filter | Optional. Specifies a selector expression to narrow down the search for ancestors Note: To return multiple ancestors, separate each expression with a comma. |
Spróbuj sam - przykłady
Jak użyć parametru filtru do zwrócenia wszystkich przodków elementu <span>, które są elementami <ul>.
Jak używać parametru filtru do zwracania wszystkich przodków elementu <span>, które są elementami <li> i <div>.
Demonstracja, która pokazuje, kim faktycznie są przodkowie elementu <span>.