jQuery naaste () Metode
Voorbeeld
Gee die eerste voorouer van <span> terug, dit is 'n <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
Definisie en gebruik
Die naaste() metode gee die eerste voorouer van die geselekteerde element terug.
'n Voorvader is 'n ouer, grootouer, oupagrootjie, ensovoorts.
Die DOM-boom: Hierdie metode beweeg opwaarts vanaf die huidige element, tot by die dokument se wortelelement (<html>), om die eerste voorouer van DOM-elemente te vind.
Hierdie metode is soortgelyk aan ouers() , deurdat hulle albei deur die DOM-boom beweeg. Die verskille is soos volg:
naaste ()
- Begin met die huidige element
- Reis op in die DOM-boom en gee die eerste (enkele) voorouer terug wat by die geslaagde uitdrukking pas
- Die teruggekeerde jQuery-objek bevat nul of een element
ouers()
- Begin met die ouerelement
- Reis op in die DOM-boom en gee alle voorouers terug wat by die geslaagde uitdrukking pas
- Die teruggekeerde jQuery-objek bevat nul of meer as een element
Ander verwante metodes:
- parent() - gee die direkte ouerelement van die geselekteerde element terug
- ouersUntil() - gee alle voorouerelemente terug tussen twee gegewe argumente
Sintaksis
Gee die eerste voorouer van die geselekteerde element terug:
$(selector).closest(filter)
Gee die eerste voorouer terug deur 'n DOM-konteks te gebruik om die DOM-boom op te soek binne:
$(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 dit self - voorbeelde
Omdat hierdie metode met die huidige element begin, sal 'n soektog na die eerste <span> van <span> <span> terugstuur.
Gebruik beide parameters om 'n DOM-element in te gee as die konteks waarbinne na die eerste <ul>-element gesoek moet word.