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

转载 2012年03月31日 16:01:53

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

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

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

jQuery之dom操作(遍历节点)

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

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

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

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
  • 728

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

.prevAll([selector]) 此方法取得每个匹配的元素的前面的所有同辈元素的元素集合。 可以用一个可选的表达式在前面的所有同辈元素中进行筛选。 下面来看实例: HTML代码...
  • wql19881207
  • wql19881207
  • 2012年03月31日 16:06
  • 807

jQuery获取循环出来的DOM节点

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

Dom节点操作常用方法

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

jQuery遍历dom树(5)

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

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

介绍javascript DOM的操作,更新,遍历,添加 首先列出来HTML代码等待嵌套脚本 摩卡咖啡 ...
  • qq_34069180
  • qq_34069180
  • 2017年02月17日 20:00
  • 665
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:jQuery基础教程之DOM操作-遍历节点-prev()方法
举报原因:
原因补充:

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