jQuery -oudersTot () Methode
Voorbeeld
Retourneer alle voorouderelementen 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
Definitie en gebruik
De methode parentUntil() retourneert alle voorouderelementen tussen de selector en stop .
Een voorouder is een ouder, grootouder, overgrootouder, enzovoort.
De DOM-boom: deze methode gaat omhoog vanaf het bovenliggende element langs voorouders van DOM-elementen, helemaal tot aan het hoofdelement van het document, totdat het een specifiek element bereikt.
Opmerking: als beide parameters leeg zijn, retourneert deze methode alle voorouderelementen (hetzelfde als de methode parent() ).
Gerelateerde methoden:
- parent() - retourneert het directe bovenliggende element van het geselecteerde element
- ouders() - retourneert alle voorouderelementen van het geselecteerde element
- close() - retourneert de eerste voorouder van het geselecteerde element
Syntaxis
$(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 het zelf - Voorbeelden
Hoe u beide parameters kunt gebruiken om de zoekopdracht voor een specifiek element tussen <span> en <div> te filteren.
retourneren Hoe meerdere voorouders tussen <span> en <body> te retourneren.
Retourneert alle voorouders tussen <span> en <div> met behulp van een DOM-element.
Een DOM-element gebruiken om de voorouderlijke zoekopdracht naar <ul>-elementen tussen <span> en <div> te verfijnen.