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 prev()方法在线测试
原创粉丝点击