jQuery nextUntil() Metode
Voorbeeld
Gee alle broers en suster-elemente tussen twee <li>-elemente met klasnaam "begin" en "stop" terug:
$(document).ready(function(){
$("li.start").nextUntil("li.stop").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)
- li (sibling with class name "stop")
Definisie en gebruik
Die nextUntil() metode gee alle volgende sibling elemente tussen die selector en stop terug .
Broer-elemente is elemente wat dieselfde ouer deel.
Die DOM-boom: Hierdie metode beweeg vorentoe langs broers en susters van DOM-elemente.
Let wel: As beide parameters leeg is, sal hierdie metode alle volgende broers en susters-elemente terugstuur (dieselfde as die nextAll() -metode).
Verwante metodes:
- next() - gee die volgende broer- of susterelement van die geselekteerde element terug
- nextAll() - gee alle volgende broers en susterselemente van die geselekteerde element terug
Sintaksis
$(selector).nextUntil(stop,filter)
Parameter | Description |
---|---|
stop | Optional. A selector expression, element or jQuery object indicating where to stop the search for next matching siblings elements |
filter | Optional. Specifies a selector expression to narrow down the search for sibling elements between the selector and stop Note: To return multiple siblings, separate each expression with a comma. |
Probeer dit self - voorbeelde
Gebruik beide parameters om die soektog na volgende broer of suster-elemente tussen twee argumente te filter.
terug Hoe om veelvuldige broers en susterselemente tussen twee argumente terug te gee.
Gebruik 'n DOM-element in plaas van 'n kieser om alle broers en susters-elemente twee gegewe argumente terug te gee.
Gebruik 'n DOM-element in plaas van 'n kieser en beide parameters om die volgende broer-soektog tussen twee argumente te filter.