• 技术文章 >Web开发 >JavaScript

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

    宋雪维宋雪维2021-02-01 13:51:27原创1605

    在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> 元素之间的所有同级元素

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

    以上就是jQuery中prevUtil()方法遍历dom树的介绍,prevUtil()方法在使用过程中如果没有选择器匹配到,或者没有提供参数,那么排在前面的所有同辈元素都会被选中,这就跟用没有提供参数的 .prevAll()效果一样的哦·更多JavaScript学习推荐:JavaScript教程

    专题推荐:js jquery
    上一篇:jQuery中nextUtil()方法如何使用? 下一篇:jQuery中如何使用siblings()方法遍历所有兄弟元素?

    相关文章推荐

    • python中使用os.path.split()切片• python中os.remove()的使用注意• python os.listdir()解决乱码• python中raise是什么• python中IDLE是什么意思• python中PySnooper怎么用

    全部评论我要评论

    © 2021 Python学习网 苏ICP备2021003149号-1

  • 取消发布评论
  • 

    Python学习网