jQuery基础教程之DOM操作-遍历节点-prevUntil()方法
来源:互联网 发布:水果软件中文 编辑:程序博客网 时间:2024/04/29 06:54
.prevUntil([selector])
此方法获取每个匹配元素之前的所有的同辈元素,直到遇到匹配的那个元素为止。
如果没有选择器匹配到,或者没有提供参数,那么排在前面的所有同辈元素都会被选中。
这就跟用没有提供参数的 .prevAll()效果一样。
下面来jquery1.4.4API 中文文档中的例子:
HTML代码:
01
<
dl
>
02
<
dt
>term 1</
dt
>
03
<
dd
>definition 1-a</
dd
>
04
<
dd
>definition 1-b</
dd
>
05
<
dd
>definition 1-c</
dd
>
06
<
dd
>definition 1-d</
dd
>
07
08
<
dt
id
=
"term-2"
>term 2</
dt
>
09
<
dd
>definition 2-a</
dd
>
10
<
dd
>definition 2-b</
dd
>
11
<
dd
>definition 2-c</
dd
>
12
13
<
dt
>term 3</
dt
>
14
<
dd
>definition 3-a</
dd
>
15
<
dd
>definition 3-b</
dd
>
16
</
dl
>
jquery代码:
1
$(
'#term-2'
).prevUntil(
'dt'
).css(
'background-color'
,
'red'
);
上面jquery代码的结果是
1
<
dd
>definition 1-a</
dd
>
2
<
dd
>definition 1-b</
dd
>
3
<
dd
>definition 1-c</
dd
>
4
<
dd
>definition 1-d</
dd
>
这四个元素的背景色变成了红色。
- jQuery基础教程之DOM操作-遍历节点-prevUntil()方法
- jQuery基础教程之DOM操作-遍历节点-children()方法
- jQuery基础教程之DOM操作-遍历节点-parent()方法
- jQuery基础教程之DOM操作-遍历节点-parents()方法
- jQuery基础教程之DOM操作-遍历节点-prev()方法
- jQuery基础教程之DOM操作-遍历节点-prevAll()方法
- jQuery基础教程之DOM操作-遍历节点-next()方法
- jQuery基础教程之DOM操作-遍历节点-siblings()方法
- jQuery基础教程之DOM操作-遍历节点-closest()方法
- jQuery基础教程之DOM操作-遍历节点-find()方法
- jQuery基础教程之DOM操作-遍历节点-filter()方法
- jQuery之dom操作(遍历节点)
- jQuery的DOM操作之遍历节点
- jQuery的DOM操作之遍历节点
- jQuery基础教程之DOM操作-节点操作函数(一)
- jQuery基础教程之DOM操作-节点操作函数(二)
- jQuery基础教程之DOM操作-节点操作函数(一)
- jQuery 遍历 - nextUntil() 方法 及 prevUntil()方法
- myeclipse 8.5注册码
- 转自一个大三学生给杨教授写的信
- 插入排序算法(java实现)
- linux命令1
- 去掉点击a出现的虚线边框
- jQuery基础教程之DOM操作-遍历节点-prevUntil()方法
- 合并排序算法(java实现)
- scanf和printf中的转换说明符
- 快速排序算法(java实现)
- Android 配置 OpenCV2.3.1
- jQuery基础教程之DOM操作-遍历节点-next()方法
- C# sql
- Android UI学习 - 对话框 (AlertDialog & ProgressDialog)
- 设计模式之Chain of Responsibility(职责链)