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

转载 2012年03月31日 16:06:38

.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)方法在线测试

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

在上一章jQuery教程基础篇之DOM操作-遍历节点-parent()方法,我们讲到了如何获取元素的父元素的集合,有时候我们的需求可能会要查找元素的所有的祖先元素,那么.parents()方法将会满足...

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

.closest() 此方法获取第一个相匹配的祖先元素,注意:起始点包括自身元素。 另外这个方法是必须要传入一个选择器表达式参数的,如果不传入参数的话,就会返回一个空的jquery对象。 要...

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

.prev([selector]) 此方法取得每个匹配的元素的前一个同辈元素的元素集合。 可以用一个可选的表达式进行筛选。只有紧邻的同辈元素会被匹配到,而不是前面所有的同辈元素。 下面来...

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

上一章我们说了jQuery教程基础篇之DOM操作-遍历节点-children()方法,那接下来,正好说说parent()方法。 .parent([selector])方法返回的是每一个匹配的元素...

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

在前面的两节教程中,我们分别知道了jquery如何取得当前元素的前一个同辈元素以及后一个同辈元素,他们分别是.prev()方法和.next()方法。 那么肯定的了,既然在jquery中能取得前一个和...

jQuery基础教程之DOM操作-节点操作函数(二)

这一篇文章是接着jQuery教程基础篇之DOM操作-节点操作函数(一)这篇文章的,如果您还没看过,请不妨先读读上一篇,然后再来看这篇文章吧。 废话不多说,我们接着上一篇来吧~ 插入节点...

jQuery基础教程之DOM操作-节点操作函数(一)

jQuery作为Javascript的一个强大的库,其对DOM对象的操作之简化,让开发人员甚至于小白们都为之赞叹不已。 接着上一个系列的jQuery选择器的教程,接下来教大家的是jQuery中的DO...

jQuery基础教程之DOM操作-节点操作函数(一)

jQuery基础教程之DOM操作-节点操作函数(一) 发表于 2011 年 01 月 20 日 由 梦三秋 jQuery作为Javascript的一个强大的库,其对DOM对象的操作之...

jQuery基础(DOM篇,append(),after(),prepend(),insertAfter(),节点删除,遍历方法each())

1.DOM创建节点及节点属性   创建流程比较简单,大体如下:   - 创建节点(常见的:元素、属性和文本) - 添加节点的一些属性 - 加入到文档中   流程中涉及的一点方法:   - 创建元素:...

《jQuery基础教程》-- 操作DOM

1.操作属性 之前的css方法还有addClass、removeClass、toggleClass都是对DOM元素进行style属性的操作。而对于其他属性则可以使用attr和removeAttr来实...
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:jQuery基础教程之DOM操作-遍历节点-prevAll()方法
举报原因:
原因补充:

(最多只允许输入30个字)