jQuery ouersUntil() Metode
Voorbeeld
Wys alle voorouer-elemente tussen <span> en <div>:
$(document).ready(function(){
$("span").parentsUntil("div").css({"color": "red", "border": "2px solid red"});
});
Resultaat:
body (great-great-grandparent)
div (great-grandparent)
ul (grandparent)
- li (direct parent)
span
Definisie en gebruik
Die ouersUntil() metode gee alle voorouerelemente terug tussen die selector en stop .
'n Voorvader is 'n ouer, grootouer, oupagrootjie, ensovoorts.
Die DOM-boom: Hierdie metode beweeg opwaarts vanaf die ouerelement langs voorouers van DOM-elemente, tot by die dokument se wortelelement, totdat dit 'n spesifieke element bereik.
Let wel: As beide parameters leeg is, sal hierdie metode alle voorouer-elemente terugstuur (dieselfde as die ouers() -metode).
Verwante metodes:
- parent() - gee die direkte ouerelement van die geselekteerde element terug
- ouers() - gee alle voorouerelemente van die geselekteerde element terug
- closest() - gee die eerste voorouer van die geselekteerde element terug
Sintaksis
$(selector).parentsUntil(stop,filter)
| Parameter | Description |
|---|---|
| stop | Optional. A selector expression, element or jQuery object indicating where to stop the search for matching ancestor elements |
| filter | Optional. Specifies a selector expression to narrow down the search for ancestors between selector and stop Note: To return multiple ancestors, separate each expression with a comma. |
Probeer dit self - voorbeelde
Hoe om beide parameters te gebruik om die soektog vir 'n spesifieke element tussen <span> en <div> te filtreer.
terug Hoe om veelvuldige voorouers tussen <span> en <liggaam> terug te gee.
Wys alle voorouers tussen <span> en <div> deur 'n DOM-element te gebruik.
Gebruik 'n DOM-element om die voorouersoektog na <ul>-elemente tussen <span> en <div> te verklein.