jQuery nextAll() Metode
Voorbeeld
Gee alle volgende broer- of susterelemente van elke <li>-element terug met klasnaam "begin":
$(document).ready(function(){
$("li.start").nextAll().css({"color": "red", "border": "2px solid red"});
});
Resultaat:
ul (parent)
- li (sibling)
- li (sibling)
- li (sibling with class name "start")
- li (sibling)
- li (sibling)
- li (sibling)
Definisie en gebruik
Die nextAll() metode gee alle volgende broers en susterselemente van die geselekteerde element terug.
Broer-elemente is elemente wat dieselfde ouer deel.
Die DOM-boom: Hierdie metode beweeg vorentoe langs broers en susters van DOM-elemente.
Verwante metodes:
- next() - gee die volgende broer- of susterelement van die geselekteerde element terug
- nextUntil() - gee alle volgende broer- of susterelemente terug tussen twee gegewe argumente
Sintaksis
$(selector).nextAll(filter)
| Parameter | Description |
|---|---|
| filter | Optional. Specifies a selector expression to narrow down the search for next siblings Note: To return multiple siblings, separate each expression with a comma. |
Probeer dit self - voorbeelde
Hoe om die soektog na volgende broer of suster-elemente te filtreer.
Gebruik die filterparameter om alle broers en susters van 'n <h2>-element te kry wat klasname "eerste", "tweede" en "derde" het.
Hoe om alle volgende broer elemente van 'n <p> element te kies.
Hoe om alle volgende sibling <p> elemente van elke <div> element te kies.