# jQuery 遍历 - nextUntil() 方法 ## 实例 查找跟随 <dt id="term-2"> 的同胞元素，直到下一个 <dt>，然后将它们设置为红色背景色。同时，找到跟随 <dt id="term-1"> 的 <dd> 同胞元素，直到 <dt id="term-3">，并为它们设置蓝色文本颜色。 ``` $("#term-2").nextUntil("dt").css("background-color", "red"); var term3 = document.getElementById("term-3"); $("#term-1").nextUntil(term3, "dd").css("color", "blue"); ``` ## 定义和用法 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() 方法。 该方法接受可选的选择器表达式作为其第二参数。如果指定该参数，则将通过检测元素是否匹配该选择器来筛选它们。