php中until的用法,jQuery 遍历-nextUntil()方法以及prevUntil()方法的使用介绍_jquery

nextUntil() 获得每个元素所有跟随的同胞元素,当有参数时,则直到遇到该方法的参数所匹配的元素时会停止搜索。返回的新 jQuery 对象包含所有跟随的同胞元素,但不包括被选择器、DOM 节点或已传递的 jQuery 对象匹配的元素。如果没有参数,则会选取所有跟随的同胞元素,此时与.nextAll()方法相同。

语法一:

.nextUntil(selector,filter)

语法二:

.nextUntil(element,filter)

详细说明如果给定一个表示 DOM 元素集合的 jQuery 对象,.nextUntil() 方法允许我们搜索 DOM 树中的元素跟随的同胞元素,当遇到被该方法的参数所匹配的元素时会停止搜索。返回的新 jQuery 对象包含所有跟随的同胞元素,但不包含被参数匹配的元素。

如果选择器不匹配或未规定选择器,则会选取所有跟随的同胞,则该方法选取的元素与 .nextAll() 方法相同。

对于 jQuery 1.6,DOM 节点或 jQuery 对象,而不是选择器,可传递到 .nextUntil() 方法。

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

先看下例子:

term 1

definition 1-a

definition 1-b

definition 1-c

definition 1-d

term 2

definition 2-a

definition 2-b

definition 2-c

term 3

definition 3-a

definition 3-b

$("#term-2").nextUntil("dt").css("background-color", "red");

结果如下:

4f0b4d128316a2ef6cfa9b0cca4b86e1.gif

注意:

1、不包括自己。即上面的例子中不包括#term-2本身

2、不包括参数1所匹配的元素。即头尾去掉。

3、如果选择器不匹配或未规定选择器,则会选取所有跟随的同胞;比如:

$("#term-2").nextUntil("dts").css("background-color", "red");

我把上面的选择器由原来的dt改为dts,得到的结果如下:

9c754c274f2a5cd2ffc2c80ff8b5c9a2.png

$("#term-1").nextUntil("#term-3", "dd").css("color", "blue");

//或者采用DOM元素:

//var term3 = document.getElementById("term-3");

//$("#term-1").nextUntil(term3, "dd").css("color", "blue");

8f86a8d40f343a50fc5cdbb36e7e8c19.gif

$("#term-1").nextUntil("#term-3", ".abc").css("color", "blue");

结果如下:

0ff1b010de392418e0e7b4cff5a0171c.gif

下面看一下不提供筛选的选择器的例子

$("#term-1").nextUntil("#term-3").css("color", "blue");

结果如下图所示:

a22a8acc555c08098750689082d035d7.gif

prevUntil()方法和nextUntil()方法差不多,区别就是一个往上,一个往下。

本文原创发布php中文网,转载请注明出处,感谢您的尊重!

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值