关闭

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

标签: jqueryhtml
678人阅读 评论(0) 收藏 举报
分类:

.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>

jquery代码:

1 $('li.item').prevAll().css('background-color''red');//prevAll中的字母A必须要大写哦~不然会报错的

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

jquery prev()方法在线测试

再来看一个.prevAll([selector])带参数的用法:

jquery prevAll(selector)方法在线测试
0
0

查看评论
* 以上用户言论只代表其个人观点,不代表CSDN网站的观点或立场
    个人资料
    • 访问:401971次
    • 积分:4055
    • 等级:
    • 排名:第7667名
    • 原创:30篇
    • 转载:180篇
    • 译文:0篇
    • 评论:71条