时间:2021-05-26
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");
结果如下:
下面看一下不提供筛选的选择器的例子
结果如下图所示:
prevUntil()方法和nextUntil()方法差不多,区别就是一个往上,一个往下。
声明:本页内容来源网络,仅供用户参考;我单位不保证亦不表示资料全面及准确无误,也不保证亦不表示这些资料为最新信息,如因任何原因,本网内容或者用户因倚赖本网内容造成任何损失或损害,我单位将不会负任何法律责任。如涉及版权问题,请提交至online#300.cn邮箱联系删除。
jQuery:unbind方法的使用详解一、前言unbind方法只能解绑用jQuery的bind方法以及用jquery方法注册的事件处理程序。比如:$(‘a')
本文实例采用案例分析的方法介绍了jquery遍历json对象的三种情况,供大家参考,具体内容如下第一个案例:jquery遍历json对象集合常用示例jsp中$.
本文实例讲述了JQuery遍历DOM节点的方法。分享给大家供大家参考。具体分析如下:本节的核心是介绍JQuery的DOM操作,前面介绍了很多创建、删除、替换等等
本文实例讲述了jquery使用each方法遍历json格式数据的方法。分享给大家供大家参考。具体实现方法如下://$.each(array,fn)对数组arry
$.each:该方法用于遍历任何集合,包括数组和对象$(selector).each:该方法用于遍历Jquery对象语法:$.each(obj,callback