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操作-遍历节点-find()方法

.find(selector) 此方法用于在匹配元素的后代元素中按照选择器表达式进行筛选。 记住:使用此方法必须得传入选择器表达式参数,不然是获取不到任何元素的,也就失去了使用此方法的意义了。 ...
  • wql19881207
  • wql19881207
  • 2012年04月01日 15:41
  • 2578

jQuery之dom操作(遍历节点)

jQuery之dom操作(遍历节点) children()/children(selector)  --  只考虑子元素,不考虑其他后代元素 next()/next(selector)  ...
  • u011637069
  • u011637069
  • 2015年12月05日 16:35
  • 585

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

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

javascript 以及 jquery DOM节点操作

DOM节点 父节点: parentNode, 子节点:childNodes 首个子节点:firstChild 末尾子节点:lastChild 兄弟子节点:nextSlibling、pre...
  • yinkaihui
  • yinkaihui
  • 2016年06月02日 19:43
  • 737

jQuery获取循环出来的DOM节点

children()方法        获取匹配元素的所有子元素的个数。     该方法用于取得匹配元素的子元素集合。根据DOM树的结构,可以知道各个元素之间的关系以及它们子节点的个数。childr...
  • scenewood
  • scenewood
  • 2015年10月09日 11:07
  • 941

Dom节点操作常用方法

1.访问/获取节点 document.getElementById(id);           //返回对拥有指定id的第一个对象进行访问 document.getElementsByN...
  • Sky786905664
  • Sky786905664
  • 2017年03月23日 15:29
  • 248

jQuery遍历dom树(5)

什么是遍历? jQuery 遍历,意为“移动”,用于根据其相对于其他元素的关系来“查找”(或选取)HTML 元素。以某项选择开始,并沿着这个选择移动,直到抵达您期望的元素为止。 下图展示了一个家族树。...
  • u011518709
  • u011518709
  • 2013年09月06日 13:04
  • 1546

学习笔记:《jQuery基础教程》第四版第五章课后练习——操作DOM

修改添加back top链接的代码,以便这些链接只从第四段后面才开始出现。 在单击back to top链接时,为每个链接后面添加一个新段落,其中包含You were here字样。确保链接仍然有效。...
  • la413972057
  • la413972057
  • 2015年11月26日 20:16
  • 1182

javascript DOM的操作,更新,遍历,添加

介绍javascript DOM的操作,更新,遍历,添加 首先列出来HTML代码等待嵌套脚本 摩卡咖啡 ...
  • qq_34069180
  • qq_34069180
  • 2017年02月17日 20:00
  • 686

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

.filter(selector) 此方法用于在匹配元素中按照选择器表达式进行筛选。 记住:使用此方法必须得传入选择器表达式参数,不然会报错“’nodeType’ 为空或不是对象” 另外...
  • wql19881207
  • wql19881207
  • 2012年04月01日 15:42
  • 1114
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:jQuery基础教程之DOM操作-遍历节点-prevAll()方法
举报原因:
原因补充:

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