jQuery nextUntil() 方法
示例
返回两个带有类名“start”和“stop”的 <li> 元素之间的所有同级元素
$(document).ready(function(){
$("li.start").nextUntil("li.stop").css({"color": "red", "border": "2px solid red"});
});
结果
ul (父级)- li (同级)
- li (同级)
- li (带有类名“start”的同级)
- li (同级)
- li (同级)
- li (同级)
- li (带有类名“stop”的同级)
自己动手试一试 »
定义和用法
nextUntil() 方法返回在 selector 和 stop 之间的所有后续同级元素。
同级元素是指具有相同父元素的元素。
DOM 树：此方法沿着 DOM 元素的同级向前遍历。
注意： 如果两个参数都为空，此方法将返回所有后续同级元素（与 nextAll() 方法相同）。
相关方法
语法
$(selector).nextUntil(stop,filter)
| 参数 | 描述 |
|---|---|
| 停止 | 可选。一个选择器表达式、元素或 jQuery 对象，指示停止搜索下一个匹配的同级元素的位置 |
| 筛选器 | 可选。指定一个选择器表达式，用于在 selector 和 stop 之间缩小同级元素的搜索范围 注意： 要返回多个同级元素，请用逗号分隔每个表达式。 |
亲手尝试 - 示例
缩小搜索范围
同时使用两个参数来筛选两个参数之间的后续同级元素的搜索。
返回多个同级元素
如何返回两个参数之间的多个同级元素。
DOM
使用 DOM 元素而不是选择器来返回两个给定参数之间的所有同级元素。
使用同时包含两个参数的 DOM
使用 DOM 元素而不是选择器，并同时使用两个参数来筛选两个参数之间的后续同级元素搜索。
