最新的Web开发教程
 

jQuery nextUntil() Method

<jQuery的遍历方法

返回之间的所有兄弟元素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()方法)。

相关的方法:

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

句法

$(selector).nextUntil( stop,filter )

参数 描述
stop 可选的。 选择器表达式,元素或jQuery对象,指示在何处停止下一个匹配兄弟元素搜索
filter 可选的。 指定选择器表达式来缩小搜索的选择之间的兄弟元素停止

注意:要返回多个兄弟姐妹,每个表达式用逗号分隔。

试一试 - 示例

缩小搜索范围
同时使用参数来筛选两个参数之间的下一个兄弟元素搜索。

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

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

使用DOM与这两个参数
使用DOM元素,而不是一个选择器和两个参数来筛选两个参数之间的下一个同级搜索。


<jQuery的遍历方法