jQuery ouer() Metode
Voorbeeld
Gee die direkte ouerelement van <span> terug:
$(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
Definisie en gebruik
Die parent() metode gee die direkte ouerelement van die geselekteerde element terug.
Die DOM-boom: Hierdie metode deurkruis slegs 'n enkele vlak teen die DOM-boom. Om tot by die dokument se wortelelement te beweeg (om grootouers of ander voorouers terug te gee), gebruik die ouers() of die ouersUntil() metode.
Wenk: Om 'n enkele vlak in die DOM-boom af te beweeg, of tot by die laaste afstammeling (om kinders of ander afstammelinge terug te gee), gebruik die kinders() of find() metode.
Sintaksis
$(selector).parent(filter)
Parameter | Description |
---|---|
filter | Optional. Specifies a selector expression to narrow down the parent search |
Probeer dit self - voorbeelde
terug Hoe om die direkte ouer van elke <span>-element terug te gee.
Hoe om die filterparameter te gebruik om die ouer <li>-element met klasnaam "eerste" van elke <span> terug te gee.
terug Hoe om al die direkte ouer <div> element van elke <p> element terug te gee.
'n Demonstrasie wat wys wie die voorouers van 'n <span>-element werklik is.