jQuery 遍历 - nextUntil() 方法 及 prevUntil()方法
来源:互联网 发布:windows下载 编辑:程序博客网 时间:2024/04/28 04:17
nextUntil() 获得每个元素所有跟随的同胞元素,当有参数时,则直到遇到该方法的参数所匹配的元素时会停止搜索。返回的新 jQuery 对象包含所有跟随的同胞元素,但不包括被选择器、DOM 节点或已传递的 jQuery 对象匹配的元素。如果没有参数,则会选取所有跟随的同胞元素,此时与.nextAll()方法相同。
语法一:
.nextUntil(selector,filter)语法二:
.nextUntil(element,filter)详细说明
如果给定一个表示 DOM 元素集合的 jQuery 对象,.nextUntil() 方法允许我们搜索 DOM 树中的元素跟随的同胞元素,当遇到被该方法的参数所匹配的元素时会停止搜索。返回的新 jQuery 对象包含所有跟随的同胞元素,但不包含被参数匹配的元素。
如果选择器不匹配或未规定选择器,则会选取所有跟随的同胞,则该方法选取的元素与 .nextAll() 方法相同。
对于 jQuery 1.6,DOM 节点或 jQuery 对象,而不是选择器,可传递到 .nextUntil() 方法。
该方法接受可选的选择器表达式作为其第二参数。如果指定该参数,则将通过检测元素是否匹配该选择器来筛选它们。
先看下例子:
<dl> <dt id="term-1">term 1</dt> <dd>definition 1-a</dd> <dd class="abc">definition 1-b</dd> <dd>definition 1-c</dd> <dd>definition 1-d</dd> <dt id="term-2">term 2</dt> <dd>definition 2-a</dd> <dd>definition 2-b</dd> <dd>definition 2-c</dd> <dt id="term-3">term 3</dt> <dd>definition 3-a</dd> <dd>definition 3-b</dd></dl>
$("#term-2").nextUntil("dt").css("background-color", "red");结果如下:
注意:
1、不包括自己。即上面的例子中不包括#term-2本身
2、不包括参数1所匹配的元素。即头尾去掉。
3、如果选择器不匹配或未规定选择器,则会选取所有跟随的同胞;比如:
$("#term-2").nextUntil("dts").css("background-color", "red");我把上面的选择器由原来的dt改为dts,得到的结果如下:
$("#term-1").nextUntil("#term-3", "dd").css("color", "blue");//或者采用DOM元素://var term3 = document.getElementById("term-3");//$("#term-1").nextUntil(term3, "dd").css("color", "blue");
$("#term-1").nextUntil("#term-3", ".abc").css("color", "blue");
结果如下:
下面看一下不提供筛选的选择器的例子
$("#term-1").nextUntil("#term-3").css("color", "blue");结果如下图所示:
prevUntil()方法和nextUntil()方法差不多,区别就是一个往上,一个往下。详细内容请访问:http://www.w3school.com.cn/jquery/traversing_prevuntil.asp
- jQuery 遍历 - nextUntil() 方法 及 prevUntil()方法
- jQuery 遍历 - 同层方法siblings() next() nextAll() nextUntil() prev() prevAll() prevUntil()(二十四)
- jQuery基础教程之DOM操作-遍历节点-prevUntil()方法
- jQuery源码分析之parents,parentsUntil,next,prev,nextAll,prevAll,nextUntil,prevUntil,siblings,children
- jQuery 遍历 - closest() 方法介绍及与parents()方法区别
- jQuery.nextUntil() 函数详解
- jQuery 遍历 - not() 方法
- jQuery 遍历 - each() 方法
- jQuery 遍历 - filter() 方法
- jQuery 遍历 - map() 方法
- jQuery 遍历 - each() 方法
- jQuery遍历方法find
- jQuery 遍历 - find() 方法
- 【jQuery 遍历】 - map() 方法
- jQuery 遍历 - siblings() 方法
- jQuery 遍历 - find() 方法
- jquery遍历 --prev()方法
- jQuery 遍历 - each() 方法
- 图片显示和内存释放
- Linux线程属性总结
- case when then else
- cocos2d-x滚动文字(一)
- Codeforces Round #146 (Div. 2) D. Let's Play Osu!
- jQuery 遍历 - nextUntil() 方法 及 prevUntil()方法
- linux时间服务器ntp及内网同步
- ubuntu下安装SQLite
- Windows8 Metro/Modern 官方应用
- 程序在内存中的分布
- UML顺序图笔记
- windows 8 邮件
- C#中using的三种用法
- x86虚拟机设计之条件码生成