jQuery parent() Methode
Voorbeeld
Retourneer het directe bovenliggende element van <span>:
$(document).ready(function(){
$("span").parent().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 het directe bovenliggende element van het geselecteerde element.
De DOM-boom: deze methode doorloopt slechts één niveau hoger in de DOM-boom. Om helemaal naar het hoofdelement van het document te gaan (om grootouders of andere voorouders terug te geven), gebruikt u de methode Parents( ) of ParentsUntil() .
Tip: Om een enkel niveau in de DOM-boom te doorlopen, of helemaal naar beneden tot aan de laatste afstammeling (om kinderen of andere afstammelingen terug te geven), gebruikt u de methode children() of find() .
Syntaxis
$(selector).parent(filter)
| Parameter | Description |
|---|---|
| filter | Optional. Specifies a selector expression to narrow down the parent search |
Probeer het zelf - Voorbeelden
retourneren Hoe de directe ouder van elk <span>-element wordt geretourneerd.
Hoe de filterparameter te gebruiken om het bovenliggende element <li> te retourneren met de klassenaam "first" van elke <span>.
Hoe retourneert u al het direct bovenliggende <div> element van elk <p> element.
Een demonstratie die laat zien wie de voorouders van een <span> element eigenlijk zijn.