Exemplu
Întoarcere toate elementele strămoș între <span> si <div> :
$(document).ready(function(){
$("span").parentsUntil("div").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
parentsUntil() metoda returneaza toate elementele strămoș între selectorul și se va opri.
Un strămoș este un parinte, bunic, stră-bunic, și așa mai departe.
Arborele DOM: Această metodă traversează în sus din elementul de bază de-a lungul strămoșii elementelor DOM, tot drumul până la elementul rădăcină al documentului, până când ajunge la un element specific.
Notă: În cazul în care ambii parametri sunt goale, această metodă va returna toate elementele strămoș (aceleași ca și parents() metoda).
Metode asemanatoare:
- parent() - returnează elementul părinte direct al elementului selectat
- parents() - returnează toate elementele strămoș al elementului selectat
- closest() - returnează primul strămoș al elementului selectat
Sintaxă
$( Parametru Descriere stop Opțional. O expresie selector, element sau obiect jQuery care indică unde să se oprească căutarea de potrivire a elementelor strămoș filter Opțional. Specifică o expresie de selectare pentru a restrânge căutarea de strămoși între selectorul și se va opri
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ă ambii parametri pentru a filtra căutarea pentru un anumit element între <span> și <div> .
Întoarcere multiple strămoși
Cum să se întoarcă mai mulți strămoși între <span> și <body> .
DOM
Întoarcere toți strămoșii între <span> și <div> folosind un element DOM.
Folosirea unui element DOM și o expresie selector pentru a filtra căutarea
Utilizarea unui element DOM pentru a restrânge căutarea strămoș pentru <ul> elemente între <span> si <div> .