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