品易云推流 关闭
文章详情页
文章 > JavaScript > jQuery遍历prev()方法使用介绍

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

头像

宋雪维

2021-02-01 10:53:002490浏览 · 0收藏 · 0评论

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教程

关注

关注公众号,随时随地在线学习

本教程部分素材来源于网络,版权问题联系站长!

底部广告图