例
返回之间的所有兄弟元素2 <li>与类名的元素"start"和"stop" :
$(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()方法返回选择器和站之间的所有下一个同级元素。
兄弟元素是共享同一个父元素。
DOM树:此方法向前遍历沿着DOM元素的兄弟姐妹。
注意:如果两个参数都是空的,此方法将返回所有的下一个兄弟元素(同nextAll()方法)。
相关的方法:
句法
$(selector).nextUntil( stop,filter )
参数 | 描述 |
---|---|
stop | 可选的。 选择器表达式,元素或jQuery对象,指示在何处停止下一个匹配兄弟元素搜索 |
filter | 可选的。 指定选择器表达式来缩小搜索的选择之间的兄弟元素,并停止 注意:要返回多个兄弟姐妹,每个表达式用逗号分隔。 |
试一试 - 示例
缩小搜索范围
同时使用参数来筛选两个参数之间的下一个兄弟元素搜索。
返回多个兄弟姐妹
如何返回两个参数之间的多个同级元素。
DOM
使用DOM元素,而不是一个选择器的返回所有兄弟元素两个给定参数。
使用DOM与这两个参数
使用DOM元素,而不是一个选择器和两个参数来筛选两个参数之间的下一个同级搜索。