×
jQuery 教程jQuery 简介jQuery 安装jQuery 语法jQuery 选择器jQuery 事件

jQuery 效果

jQuery 隐藏和显示jQuery 淡入淡出jQuery 滑动jQuery 动画jQuery 停止动画jQuery Callback 方法jQuery 链

jQuery HTML

jQuery 获取jQuery 设置jQuery 添加元素jQuery 删除元素jQuery CSS 类jQuery css() 方法jQuery 尺寸

jQuery 遍历

jQuery 遍历jQuery 祖先jQuery 后代jQuery 同胞jQuery 过滤

jQuery Ajax

jQuery AJAX 简介jQuery load() 方法jQuery get()/post() 方法

jQuery 其他

jQuery noConflict() 方法jQuery JSONPjQuery 实例

jQuery 参考手册

jQuery 选择器jQuery 事件方法jQuery 效果方法jQuery HTML / CSS 方法jQuery 遍历方法jQuery AJAX 方法jQuery 杂项方法jQuery 属性

jQuery 插件

jQuery ValidatejQuery AccordionjQuery AutocompletejQuery MessagejQuery 密码验证jQuery PrettydatejQuery TooltipjQuery Treeview

jQuery nextUntil() 方法


jQuery 遍历方法jQuery 遍历方法


实例

返回在类名为 "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() 方法返回 selectorstop 之间的每个元素之后的所有同级元素。

同级元素是共享相同父元素的元素。

DOM 树:该方法沿着 DOM 元素的同级元素向前遍历。

注意:如果两个参数都为空,该方法将返回元素之后的所有同级元素(与 nextAll() 方法相同)。

相关方法:

  • next() - 返回被选元素的后一个同级元素
  • nextAll() - 返回被选元素之后的所有同级元素

语法

$(selector).nextUntil(stop,filter)

参数 描述
stop 可选。表示在哪里停止搜索元素之后匹配的同级元素的选择器表达式、元素、jQuery 对象。
filter 可选。规定缩小搜索介于 selectorstop 之间的同级元素范围的选择器表达式。

注意:如需返回多个同级元素,请使用逗号分隔每个表达式。

实例

更多实例

缩小搜索范围
使用两个参数来过滤对介于两个参数之间的每个元素之后的同级元素的搜索。

返回多个同级元素
如何返回介于两个参数之间的多个同级元素。

DOM
使用 DOM 元素代替选择器来返回介于两个给定参数之间的所有同级元素。

使用带有两个参数的 DOM
使用带有两个参数的 DOM 代替选择器来过滤对介于两个参数之间的每个元素之后的同级元素的搜索。


jQuery 遍历方法jQuery 遍历方法


分类导航

关注微信下载离线手册

bootwiki移动版 bootwiki
(群号:472910771)