Exemplu
Întoarcere toate elementele strămoș ale <span> :
$(document).ready(function(){
$("span").parents().css({"color":
"red", "border": "2px solid red"});
});
Rezultat:
body (great-great-grandparent)
div (great-grandparent)
ul (grandparent)
- li (direct parent)
span
Încearcă - l singur » Definiție și utilizare
parents() metoda returneaza toate elementele strămoș al elementului selectat.
Un strămoș este un parinte, bunic, stră-bunic, și așa mai departe.
Arborele DOM: Metoda traversa în sus din elementul părinte împreună strămoșii elementelor DOM, tot drumul până la elementul rădăcină al documentului (<html>) .
Notă: Dacă parametrul de filtrare este gol, această funcție va selecta toate strămoșii unui set de elemente, de la părintele direct și tot drumul până la <body> și <html> . Prin urmare, este adesea util să treacă o expresie de selectare pentru a restrânge rezultatele de căutare.
Această metodă este similară cu closest() , în care ambele traversează în sus copac DOM. Diferențele sunt după cum urmează:
parents()
- Începe cu elementul părinte
- Calatoreste sus copac DOM și returnează toți strămoșii care se potrivește cu expresia trecut
- Obiectul jQuery returnat conține zero sau mai mult de un element
closest()
- Începe cu elementul curent
- Calatoreste sus copac DOM și returnează primul strămoș care se potrivește cu expresia trecut
- Obiectul jQuery returnat conține zero sau un element
Alte metode conexe:
- parent() - returnează elementul părinte direct al elementului selectat
- parentsUntil() - returnează toate elementele strămoș între două argumente date
Sintaxă
$( Parametru Descriere class="notranslate" filter Opțional. Specifică o expresie de selectare pentru a restrânge căutarea strămoșilor
Notă: Pentru a reveni mai mulți strămoși, separați fiecare expresie cu o virgulă.
Încearcă-l singur - Exemple
Restrângeți căutarea
Cum se utilizează parametrul filtru pentru a returna toate strămoșii <span> , care sunt <ul> elemente.
Întoarcere multiple strămoși
Cum se utilizează parametrul filtru pentru a returna toate strămoșii <span> , care sunt <li> și <div> elemente.
Arată strămoșii unui element cu nume de etichete
O demonstrație care arată cine strămoșii unui <span> element de fapt , sunt.