jQuery nextUntil() 方法

❮ 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 可选。指定选择器表达式以缩小选择器和停止之间的兄弟元素的搜索范围

注释: 要返回多个同级,请用逗号分隔每个表达式。

更多实例

缩小搜索范围
使用这两个参数来过滤搜索两个参数之间的下一个兄弟元素。

返回多个兄弟姐妹
如何在两个参数之间返回多个兄弟元素。

DOM
使用 DOM 元素而不是选择器来返回所有兄弟元素两个给定的参数。

使用带有两个参数的 DOM
使用 DOM 元素而不是选择器和两个参数来过滤两个参数之间的下一个兄弟搜索。


❮ jQuery 遍历方法