• 技术文章 >Web开发 >JavaScript

    jQuery遍历prev()方法使用介绍

    宋雪维宋雪维2021-02-01 10:53:00原创1921

    jQuery同级遍历中,next()方法可以获取指定元素同辈的下一个元素。如果想快速查找指定元素集合中每一个元素紧邻的前面同辈元素的元素集合,可以使用prev()方法。prev() 方法在DOM树中搜索这些元素的前一个同胞元素,并用匹配元素构造一个新的 jQuery 对象。

    1、prev() 方法

    prev()方法找到的是当前元素的同级的前一个元素;

    用于获取匹配元素集中的前一个同级元素。 仅选择前一个同级的元素,其子元素将被忽略;

    允许通过“选择器”对其进行过滤。 例如,prev('div')用于获取前一个仅是<div>元素的同级元素。

    2、使用语法

    .prev(selector)

    3、使用参数

    字符串值,包含用于匹配元素的选择器表达式。

    4、使用实例

    HTML代码

    <ul>
        <li>我是第一个li标签</li>
        <li>我是绿色的字体</li>
        <li class="element">我是第三个li标签</li>
        <li>我是红色的字体</li>
        <li>我是第五个li标签</li>
    </ul>

    jQuery代码

    $(".element").prev().css("color","green");

    以上就是jQuery遍历prev()方法使用介绍,需要注意的是prev()方法没有带参数的话,说明是获取了集合,对获取到的集合都将一起改变样式哦~更多JavaScript学习推荐:JavaScript教程

    专题推荐:js jquery
    上一篇:jQuery中如何使用遍历节点next()方法? 下一篇:jQuery中next与nextAll区别详解

    相关文章推荐

    • python中有哪些语法糖?• python如何使用sys.exit()退出程序• os.system在python中如何调用命令• python中os.remove()的使用注意• python os.listdir()解决乱码

    全部评论我要评论

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

  • 取消发布评论
  • 

    Python学习网