jQuery dichtstbijzijnde() methode
Voorbeeld
Retourneer de eerste voorouder van <span>, dat is een <ul> element:
$(document).ready(function(){
$("span").closest("ul").css({"color": "red", "border": "2px solid red"});
});
Resultaat:
body (great-great-grandparent)
div (great-grandparent)
ul (second ancestor - second grandparent) ul (first ancestor - first grandparent) - li (direct parent) span
Definitie en gebruik
De methode close() retourneert de eerste voorouder van het geselecteerde element.
Een voorouder is een ouder, grootouder, overgrootouder, enzovoort.
De DOM-boom: deze methode gaat omhoog vanaf het huidige element, helemaal naar het hoofdelement van het document (<html>), om de eerste voorouder van DOM-elementen te vinden.
Deze methode is vergelijkbaar met parent() , in die zin dat ze allebei de DOM-boom doorkruisen. De verschillen zijn als volgt:
dichtstbijzijnde()
- Begint met het huidige element
- Reist omhoog in de DOM-structuur en retourneert de eerste (enkele) voorouder die overeenkomt met de doorgegeven uitdrukking
- Het geretourneerde jQuery-object bevat nul of één element
ouders()
- Begint met het bovenliggende element
- Reist omhoog in de DOM-structuur en retourneert alle voorouders die overeenkomen met de doorgegeven uitdrukking
- Het geretourneerde jQuery-object bevat nul of meer dan één element
Andere gerelateerde methoden:
- parent() - retourneert het directe bovenliggende element van het geselecteerde element
- oudersUntil() - retourneert alle voorouderelementen tussen twee gegeven argumenten
Syntaxis
Retourneer de eerste voorouder van het geselecteerde element:
$(selector).closest(filter)
Retourneer de eerste voorouder met behulp van een DOM-context om de DOM-structuur op te zoeken binnen:
$(selector).closest(filter,context)
Parameter | Description |
---|---|
filter | Required. Specifies a selector expression, element or jQuery object to narrow down the ancestor search |
context | Optional. A DOM element within which a matching element may be found |
Probeer het zelf - Voorbeelden
. Omdat deze methode begint met het huidige element, zal een zoekopdracht naar de eerste <span> van <span> <span> teruggeven.
Gebruik beide parameters om een DOM-element door te geven als de context waarbinnen naar het eerste <ul>-element moet worden gezocht.