jQuery遍历的使用介绍-next直到()和previous直到()

NextUntil()获取所有兄弟元素，后跟每个元素。当有参数时，它将停止搜索，直到遇到与此方法的参数匹配的元素。由返回的新jQuery对象包含后面的所有同级元素，但不包括由选择器、DOM节点或传递的jQuery对象匹配的元素。如果没有参数，将选择以下所有同级元素，这与。nextAll()方法。语法1:复制代码如下：下一个直到(选择器，过滤器)语法2:复制代码如下：下一个直到(元素，过滤器)详细说明如果给出了一个表示DOM元素集合的jQuery对象，那么。NextUntil()方法允许我们在DOM树中搜索后面跟元素的兄弟元素，当遇到与该方法的参数匹配的元素时，将停止搜索。由返回的新jQuery对象包含后面的所有同级元素，但不包含由参数匹配的元素。如果选择器不匹配或未指定选择器，将选择以下所有同级，因此此方法选择的元素与。nextAll()方法。使用jQuery 1.6，DOM节点或jQuery对象，而不是选择器，可以传递给。方法。方法接受可选的选择器表达式作为其第二个参数。如果指定了此参数，将通过检测元素是否与选择器匹配来过滤元素。先看下面的例子：复制的代码如下： dl dt id=' term-1 ' term 1/dt DD definition 1-a/DD DD class=' ABC ' definition 1-b/DD DD definition 1-c/DD DD DD definition 1-d/DD dt id=' term-2 ' term 2/dt DD definition 2-a/DD dddefinition 2-b/DD definition 2-c/DD dt id=' term-3 ' term 3/dt DD definition 3-a/DD definition 3-a下一个直到(' dt ')。CSS('背景色'，'红色')；结果如下：。

注：1。不包括你自己。也就是说，上面的例子不包括#term-2本身，也不包括参数1匹配的元素。头部和尾部被移除。3.如果选择器不匹配或未指定选择器，将选择以下所有同级。例如：$ ('# term-2 ')。下一个直到(' dts ')。CSS('背景色'，'红色')；我把上面的选择器从dt改成了dts，得到了如下结果：。

复制代码如下： $ ('# term-1 ')。下一个直到(' # term-3 '，' DD ')。CSS('颜色'，'蓝色')；//或者使用DOM元素：//varterm 3=document . getelementbyid(' term-3 ')；//$('#term-1 ')。下一个截止日期(第3个“dd”期限)。css('color '，' blue ')；

$('#term-1 ')。下一个直到(' #term-3 '，'。ABC’)。css('color '，' blue ')；结果如下：。

让我们看一个不提供过滤的选择器的例子：$ ('# term-1 ')。下一个直到(' # term-3 ')。CSS('颜色'，'蓝色')；结果如下图所示：。

previdult()方法类似于nextUntil()方法，只是一个向上，另一个向下。