jQuery find() Methode
Voorbeeld
Retourneer alle <span> elementen die afstammelingen zijn van <ul>:
$(document).ready(function(){
$("ul").find("span").css({"color": "red", "border": "2px solid red"});
});
Resultaat:
body (great-grandparent)
div (grandparent)
ul (parent)
- li (child)
span (grandchild)
Definitie en gebruik
De methode find() retourneert onderliggende elementen van het geselecteerde element.
Een afstammeling is een kind, kleinkind, achterkleinkind, enzovoort.
De DOM-boom: deze methode gaat naar beneden langs afstammelingen van DOM-elementen, helemaal naar beneden tot aan de laatste afstammeling. Gebruik de methode children() om slechts één niveau in de DOM-boom te doorlopen (om directe kinderen te retourneren) .
Opmerking: de filterparameter is vereist voor de methode find(), in tegenstelling tot de rest van de methoden voor het doorlopen van bomen.
Tip: Gebruik de "*" selector om alle onderliggende elementen terug te geven.
Syntaxis
$(selector).find(filter)
Parameter | Description |
---|---|
filter | Required. A selector expression, element or jQuery object to filter the search for descendants Note: To return multiple descendants, separate each expression with a comma. |
Probeer het zelf - Voorbeelden
Gebruik de "*" selector om alle elementen te retourneren die afstammelingen zijn van <html>.
Hoe retourneert u alle <span> elementen die afstammelingen zijn van een <ul> element.
. Hoe retourneer je afstammelingen met de klassenaam "first".
retourneren Hoe meerdere afstammelingen worden geretourneerd.
Hoe retourneert u alle <span>-elementen die afstammelingen zijn van een <ul>-element met een jQuery-object.
Een demonstratie die laat zien wie de afstammelingen van een <div>-element eigenlijk zijn.