jQuery vind() Metode
Voorbeeld
Gee alle <span> elemente terug wat afstammelinge van <ul> is:
$(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)
Definisie en gebruik
Die find() metode gee afstammelinge elemente van die geselekteerde element terug.
'n Afstammeling is 'n kind, kleinkind, agterkleinkind, ensovoorts.
Die DOM-boom: Hierdie metode beweeg afwaarts langs afstammelinge van DOM-elemente, tot by die laaste afstammeling. Om slegs 'n enkele vlak in die DOM-boom af te beweeg (om direkte kinders terug te gee), gebruik die kinders() -metode.
Let wel: Die filter parameter word vereis vir die find() metode, anders as die res van die boom deurkruis metodes.
Wenk: Om al die afstammelinge elemente terug te gee, gebruik die "*"-kieser.
Sintaksis
$(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 dit self - voorbeelde
terug. Gebruik die "*"-kieser om alle elemente terug te gee wat afstammelinge van <html> is.
Hoe om alle <span> elemente terug te gee wat afstammelinge van 'n <ul> element is.
Hoe om afstammelinge elemente met klasnaam "eerste" terug te gee.
terug Hoe om veelvuldige afstammelinge elemente terug te gee.
Hoe om alle <span>-elemente terug te gee wat afstammelinge is van 'n <ul>-element met 'n jQuery-objek.
'n Demonstrasie wat wys wie die afstammelinge van 'n <div>-element eintlik is.