jQuery遍历的nextuntil()方法和prevuntil()方法的介绍

NextUntil()获取所有以下的每一个元素的兄弟元素。当有参数,它将停止搜索到匹配的方法匹配参数的元素,返回包含以下所有同胞元素新的jQuery对象,但不包括由选择器匹配的元素,DOM节点,或通过jQuery对象。如果没有参数,以下所有同胞将被选中,这是the.nextall相同()方法。

语法1:
复制代码代码如下所示:
nextuntil(选择器、过滤器)。

语法两:
复制代码代码如下所示:
nextuntil(元件、滤波器)。

详细说明
如果给定一个jQuery对象表示DOM元素的集合,the.nextuntil()方法允许我们去寻找同级元素其次是DOM树中的元素,并停止搜索时遇到的元素通过这个方法的参数匹配,返回包含以下所有同胞元素新的jQuery对象,但不包含通过参数匹配的元素。

如果选择不匹配或不指定选择器,以下所有的同胞将被选中,并选定元素的方法是相同的()方法the.nextall。

jQuery 1.6,DOM节点或jQuery对象,而不是一个选择器,可以通过the.nextuntil()方法。

该方法接受一个可选的选择器表达式作为它的第二个参数。如果指定了这个参数,它将通过检测元素是否匹配选择器来进行筛选。

先看例子。
复制代码代码如下所示:

术语1
定义1
定义1-B
定义1
定义一维
术语2
定义2
定义2-B
定义二
术语3
定义-
定义种类


复制代码代码如下所示:
$(# term-2)。NextUntil(DT)。Css(背景颜色

结果如下:



小心 uff1a

1, do not include yourself.That is, the above example does not include the #term-2 itself

2。它不包括参数1所匹配的元素。

3,如果选择器不匹配或不指定选择器,则将选择下列所有同胞:例如:

$(# term-2)。NextUntil(DTS)。Css(背景颜色

我把上面的选择器从原来的DT改为DTS,结果如下:





复制代码代码如下所示:
$(# term-1)。NextUntil(# term-3
或使用DOM元素:
/ /无功术语= document.getelementbyid(term-3 );
/ / $(# term-1)。NextUntil(术语,DD)。Css(颜色





$(# term-1)。NextUntil(# term-3

结果如下:




下面是一个不提供筛选器的选择器的示例

$(# term-1)。NextUntil(# term-3)。Css(颜色

结果如下图所示。




的prevuntil()方法类似于nextuntil()方法,不同的是,一是,一是下。