jQuery基础教程之DOM操作-遍历节点-prevAll()方法
2012-03-31 16:06
986 查看
.prevAll([selector])
此方法取得每个匹配的元素的前面的所有同辈元素的元素集合。
可以用一个可选的表达式在前面的所有同辈元素中进行筛选。
下面来看实例：
HTML代码：
jquery代码：
结果是两个ul中的<li>li 1</li>和<li>li 2</li>的背景都会变成红色。
再来看一个.prevAll([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 > |
1 | $( 'li.item' ).prevAll().css( 'background-color' , 'red' ); //prevAll中的字母A必须要大写哦~不然会报错的 |
再来看一个.prevAll([selector])带参数的用法：
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 
相关文章推荐
- jQuery基础教程之DOM操作-遍历节点-prevUntil()方法
- jQuery基础教程之DOM操作-遍历节点-children()方法
- jQuery基础教程之DOM操作-遍历节点-next()方法
- jQuery基础教程之DOM操作-遍历节点-siblings()方法
- jQuery基础教程之DOM操作-遍历节点-find()方法
- jQuery基础教程之DOM操作-遍历节点-parent()方法
- jQuery基础教程之DOM操作-遍历节点-filter()方法
- jQuery基础教程之DOM操作-遍历节点-parents()方法
- jQuery基础教程之DOM操作-遍历节点-prev()方法
- jQuery基础教程之DOM操作-节点操作函数（二）
- jQuery基础教程--DOM遍历方法
- jQuery遍历DOM节点操作之filter()方法详解
- jQuery遍历DOM节点操作之filter()方法详解
- jQuery基础教程之遍历节点siblings()方法使用说明
- jQuery基础教程之DOM操作-节点操作函数（一）
- jQuery快速入门基础教程之jQuery操作DOM（四）
- 【读书笔记】【jQuery基础教程】【第五章--DOM操作】
- JavaScript之jQuery-3 jQuery操作DOM(查询、样式操作、遍历节点、创建插入删除、替换、复制)
- jQuery之dom操作(遍历节点)
- jQuery基础教程之DOM操作-遍历节点-closest()方法