next
英 [nekst] 美 [nɛkst]
adj.紧接在后的;次于的;贴近的;紧邻的
adv.接下去;然后;居后地;依次的
n.下一个;下一位
prep.靠近;居于…之后;在…的隔壁
until
英 [ənˈtɪl] 美 [ʌnˈtɪl]
prep.到…为止;在…以前
conj.到…为止,在…以前;直到…才
jquery nextUntil() 方法 语法
作用:nextUntil() 获得每个元素所有跟随的同胞元素,但不包括被选择器、DOM 节点或已传递的 jQuery 对象匹配的元素。
语法1:.nextUntil(selector,filter)
参数:
| 参数 | 描述 |
| selector | 字符串值,包含指示在何处停止匹配跟随的同胞元素的选择器表达式。 |
| filter | 字符串值,包含用于匹配元素的选择器表达式。 |
语法2:.nextUntil(element,filter)
参数:
| 参数 | 描述 |
| element | 指示在何处停止匹配跟随的同胞元素的 DOM 节点或 jQuery 对象。 |
| filter | 字符串值,包含用于匹配元素的选择器表达式。 |
说明:如果给定一个表示 DOM 元素集合的 jQuery 对象,.nextUntil() 方法允许我们搜索 DOM 树中的元素跟随的同胞元素,当遇到被该方法的参数所匹配的元素时会停止搜索。返回的新 jQuery 对象包含所有跟随的同胞元素,但不包含被参数匹配的元素。如果选择器不匹配或未规定选择器,则会选取所有跟随的同胞;如果不提供供筛选的选择器,则该方法选取的元素与 .nextAll() 方法相同。对于 jQuery 1.6,DOM 节点或 jQuery 对象,而不是选择器,可传递到 .nextUntil() 方法。该方法接受可选的选择器表达式作为其第二参数。如果指定该参数,则将通过检测元素是否匹配该选择器来筛选它们。
jquery nextUntil() 方法 示例
<!DOCTYPE html>
<html>
<head>
<script type="text/javascript" src="http://apps.bdimg.com/libs/jquery/2.1.1/jquery.min.js"></script>
</head>
<body>
<dl>
<dt id="term-1">term 1</dt>
<dd>definition 1-a</dd>
<dd>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>
<script>
$("#term-2").nextUntil("dt").css("background-color", "red");
var term3 = document.getElementById("term-3");
$("#term-1").nextUntil(term3, "dd").css("color", "blue");
</script>
</body>
</html>点击 "运行实例" 按钮查看在线实例