实例
返回在类名为 "start" 和 "stop" 的两个 <li> 元素之间的所有同级元素:
$(document).ready(function(){
$("li.start").nextUntil("li.stop").CSS({"color":"red","border":"2px solid red"});
});
结果:
ul (parent)li (sibling)li (sibling)li (sibling with class name "start")li (sibling)li (sibling)li (sibling)li (sibling with class name "stop")运行一下 »
定义和用法
nextUntil() 方法返回 selector 与 stop 之间的每个元素之后的所有同级元素。
同级元素是共享相同父元素的元素。
DOM 树:该方法沿着 DOM 元素的同级元素向前遍历。
注意:如果两个参数都为空,该方法将返回元素之后的所有同级元素(与 nextAll() 方法相同)。
相关方法:
- next() - 返回被选元素的后一个同级元素
- nextAll() - 返回被选元素之后的所有同级元素
语法
$(selector).nextUntil(stop,filter)
参数 | 描述 |
---|---|
stop | 可选。表示在哪里停止搜索元素之后匹配的同级元素的选择器表达式、元素、jquery 对象。 |
filter | 可选。规定缩小搜索介于 selector 与 stop 之间的同级元素范围的选择器表达式。 注意:如需返回多个同级元素,请使用逗号分隔每个表达式。 |
在线实例
缩小搜索范围
使用两个参数来过滤对介于两个参数之间的每个元素之后的同级元素的搜索。
返回多个同级元素
如何返回介于两个参数之间的多个同级元素。
DOM
使用 DOM 元素代替选择器来返回介于两个给定参数之间的所有同级元素。
使用带有两个参数的 DOM
使用带有两个参数的 DOM 代替选择器来过滤对介于两个参数之间的每个元素之后的同级元素的搜索。