jQuery中prevUtil()方法如何遍历dom树?

在jQuery遍历dom树中,prevUntil()方法可以帮助我们我们找遍所有元素所在的DOM树,直到遇到了一个跟提供的参数匹配的元素的时候才会停下来,返回介于两个给定参数之间的每个元素之前的所有同级元素,本文小编就向大家介绍jQuery的prevUtil()方法。

1、prevUtil()方法介绍

查找当前元素之前所有的同辈元素,直到遇到匹配的那个元素为止。

选取给定参数与被选元素之间的所有同胞元素。

获取每个元素但不包括选择器,DOM节点,或者jQuery对象匹配的元素的所有前面的兄弟元素。

2、使用语法

$(selector).prevUntil(stop,filter)

3、使用参数

stop(可选):表示在哪里停止搜索元素之前匹配的同级元素的选择器表达式、元素、jQuery 对象。

filter(可选):规定缩小搜索介于selector与stop之间的同级元素范围的选择器表达式。

注意:如需返回多个同级元素,请使用逗号分隔每个表达式。

4、返回值

返回介于两个给定参数之间的每个元素之前的所有同级元素

5、使用实例:返回在id名为 "five" 和 "two" 的两个 <p> 元素之间的所有同级元素

<pid="one">这是一个段落1。</p>
<pid="two">这是一个段落2。</p>
<pid="thr">这是一个段落3。</p>
<pid="four">这是一个段落4。</p>
<pid="five">这是一个段落5。</p>
<div></div>
<scriptsrc="js/jquery-2.1.1.min.js"></script>
<script>
$(document).ready(function(){
$("p#five").prevUntil("p#two").css("color","blue")

});
</script>
原文来自:https://www.py.cn
© 版权声明
THE END
喜欢就支持一下吧
点赞12 分享
评论 抢沙发
头像
欢迎您留下宝贵的见解!
提交
头像

昵称

取消
昵称表情代码图片

    暂无评论内容