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