jQuery kinders() Metode
Voorbeeld
Gee elemente terug wat direkte kinders van <ul> is:
$(document).ready(function(){
$("ul").children().css({"color": "red", "border": "2px solid red"});
});
Resultaat:
body (great-grandparent)
div (grandparent)
ul (parent)
- li (child)
span (grandchild)
Definisie en gebruik
Die kinders()-metode gee alle direkte kinders van die geselekteerde element terug.
Die DOM-boom: Hierdie metode deurkruis slegs 'n enkele vlak in die DOM-boom. Om verskeie vlakke af te beweeg (om kleinkinders of ander afstammelinge terug te gee), gebruik die find() metode.
Wenk: Om 'n enkele vlak op die DOM-boom te beweeg, of tot by die dokument se wortelelement (om ouers of ander voorouers terug te gee), gebruik die ouer() of ouers() metode.
Let wel: Hierdie metode gee nie teksnodes terug nie. Gebruik die contents() metode om alle kinders, insluitend teksnodes, terug te gee.
Sintaksis
$(selector).children(filter)
Parameter | Description |
---|---|
filter | Optional. Specifies a selector expression to narrow down the search for children |
Probeer dit self - voorbeelde
terug Hoe om alle direkte kinders van 'n <ul> element terug te gee.
Hoe om die filterparameter te gebruik om alle <li>-elemente met die klasnaam "eerste", wat direkte kinders van <ul> is, terug te gee.
is Hoe om alle <p> elemente te kies wat direkte kinders van hul ouer <div> element is.
'n Demonstrasie wat wys wie die afstammelinge van 'n <div>-element eintlik is.