关闭

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

255人阅读 评论(0) 收藏 举报

.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>的背景都会变成红色。

jquery prev()方法在线测试

再给大家看一个例子:

jquery prev()方法在线测试2

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

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

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