技术文章 > Web开发 >  JavaScript > 正文

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

宋雪维

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

免费视频教程
本教程部分素材来源于网络,版权问题联系站长!
相关文章
  python中有哪些语法糖?
  python如何使用sys.exit()退出程序
  os.system在python中如何调用命令
  python中os.remove()的使用注意
  python os.listdir()解决乱码
相关视频章节
  python注释
  python编码规范
  python命名规范
  Python语言简介
视频教程分类