jQuery children() Methode
Voorbeeld
Elementen retourneren die directe kinderen zijn van <ul>:
$(document).ready(function(){
$("ul").children().css({"color": "red", "border": "2px solid red"});
});
Resultaat:
body (great-grandparent)
div (grandparent)
ul (parent)
- li (child)
span (grandchild)
Definitie en gebruik
De methode children() retourneert alle directe kinderen van het geselecteerde element.
De DOM-boom: deze methode doorloopt slechts één niveau in de DOM-boom. Gebruik de methode find() om meerdere niveaus naar beneden te gaan (om kleinkinderen of andere nakomelingen terug te geven) .
Tip: Om een enkel niveau omhoog te gaan in de DOM-structuur, of helemaal naar het hoofdelement van het document (om ouders of andere voorouders terug te geven), gebruikt u de methode parent() of parent( ) .
Opmerking: deze methode retourneert geen tekstknooppunten. Gebruik de methode content() om alle onderliggende items inclusief tekstknooppunten te retourneren .
Syntaxis
$(selector).children(filter)
| Parameter | Description |
|---|---|
| filter | Optional. Specifies a selector expression to narrow down the search for children |
Probeer het zelf - Voorbeelden
retourneren Hoe alle directe onderliggende items van een <ul>-element worden geretourneerd.
Hoe de filterparameter te gebruiken om alle <li>-elementen met de klassenaam "first" te retourneren, die directe kinderen zijn van <ul>.
. Hoe selecteert u alle <p>-elementen die directe kinderen zijn van hun bovenliggende <div>-element.
Een demonstratie die laat zien wie de afstammelingen van een <div>-element eigenlijk zijn.