jQuery基础教程之DOM操作-遍历节点-prev()方法

来源：互联网发布：mac如何删除客人用户编辑：程序博客网时间：2024/04/29 03:37

.prev([selector])

此方法取得每个匹配的元素的前一个同辈元素的元素集合。
可以用一个可选的表达式进行筛选。只有紧邻的同辈元素会被匹配到，而不是前面所有的同辈元素。

下面来看实例：
HTML代码：

01<ul>
02<li>li 1</li>
03<li>li 2</li>
04<li class="item">li 3</li>
05<li>li 4</li>
06</ul>
07<ul>
08<li>li 1</li>
09<li>li 2</li>
10<li class="item">li 3</li>
11<li>li 4</li>
12</ul>

jquery代码：

1$('li.item').prev().css('background-color', 'red');

结果是两个ul中的<li>li 2</li>的背景都会变成红色。

再给大家看一个例子：

最后来看一个.prev([selector])带参数的用法：

jQuery基础教程之DOM操作-遍历节点-prev()方法
jQuery基础教程之DOM操作-遍历节点-children()方法
jQuery基础教程之DOM操作-遍历节点-parent()方法
jQuery基础教程之DOM操作-遍历节点-parents()方法
jQuery基础教程之DOM操作-遍历节点-prevAll()方法
jQuery基础教程之DOM操作-遍历节点-prevUntil()方法
jQuery基础教程之DOM操作-遍历节点-next()方法
jQuery基础教程之DOM操作-遍历节点-siblings()方法
jQuery基础教程之DOM操作-遍历节点-closest()方法
jQuery基础教程之DOM操作-遍历节点-find()方法
jQuery基础教程之DOM操作-遍历节点-filter()方法
jQuery遍历之prev()方法
jQuery之dom操作(遍历节点)
jQuery的DOM操作之遍历节点
jQuery的DOM操作之遍历节点
jQuery基础教程之DOM操作-节点操作函数（一）
jQuery基础教程之DOM操作-节点操作函数（二）
jQuery基础教程之DOM操作-节点操作函数（一）
Android下实现非启动界面Wifi连接
APUE函数笔记十一: 守护进程
An Easy Problem!
MyEclipse 10 如何安装SVN？想问一下具体的步骤或者方法！
C++ Primer 中文版学习笔记（二）
jQuery基础教程之DOM操作-遍历节点-prev()方法
Js 坐标相关
POJ 1949 Chores 动态规划
从printf谈可变参数函数的实现
wifi连接流程分析
将m个相同的球全部放到n个相同的盒子里面有几种放法，盒子不能为空
web系统js、css文件终极提速之gzip静态压缩+动态压缩
stringstream的用法
java通过反射机制取类的属性和方法