jQuery- ouders() Methode
Voorbeeld
Retourneer alle voorouderelementen van <span>:
$(document).ready(function(){
$("span").parents().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 parent() retourneert alle voorouderelementen van het geselecteerde element.
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 (<html>).
Opmerking: als de filterparameter leeg is, selecteert deze functie alle voorouders van een set elementen, van de directe ouder en helemaal tot aan <body> en <html>. Het is daarom vaak handig om een selector-expressie door te geven om het zoekresultaat te verfijnen.
Deze methode is vergelijkbaar met close() , in die zin dat ze allebei de DOM-structuur doorlopen. De verschillen zijn als volgt:
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
dichtstbijzijnde()
- Begint met het huidige element
- Reist omhoog in de DOM-structuur en retourneert de eerste voorouder die overeenkomt met de doorgegeven uitdrukking
- Het geretourneerde jQuery-object bevat nul of één element
Andere gerelateerde methoden:
- parent() - retourneert het directe bovenliggende element van het geselecteerde element
- oudersUntil() - retourneert alle voorouderelementen tussen twee gegeven argumenten
Syntaxis
$(selector).parents(filter)
| Parameter | Description |
|---|---|
| filter | Optional. Specifies a selector expression to narrow down the search for ancestors Note: To return multiple ancestors, separate each expression with a comma. |
Probeer het zelf - Voorbeelden
Hoe u de filterparameter gebruikt om alle voorouders van <span> te retourneren die <ul>-elementen zijn.
Hoe de filterparameter te gebruiken om alle voorouders van <span> te retourneren die <li>- en <div>-elementen zijn.
Een demonstratie die laat zien wie de voorouders van een <span> element eigenlijk zijn.