nextUntil([exp|ele][,fil])

返回值:jQuerynextUntil([exp|ele][,fil])

概述

查找當前元素之后所有的同輩元素，直到遇到匹配的那個元素為止。

如果提供的jQuery代表了一組DOM元素，.nextUntil()方法也能讓我們找遍所有元素所在的DOM樹，直到遇到了一個跟提供的參數匹配的元素的時候才會停下來。這個新jQuery對象里包含了下面所有找到的同輩元素，但不包括那個選擇器匹配到的元素。

如果沒有選擇器匹配到，或者沒有提供參數，那么跟在后面的所有同輩元素都會被選中。這就跟用沒有提供參數的 .nextAll()效果一樣。

參數

[expr][,filter]**String,StringV1.4

expr: 用于篩選祖先元素的表達式。

filter: 一個字符串，其中包含一個選擇表達式匹配元素。

[element][,filter]**DOMElement,StringV1.6

element: 用于篩選祖先元素的DOM元素。

filter: 一個字符串，其中包含一個選擇表達式匹配元素。

示例

描述:

給#term-2后面直到dt前的元素加上紅色背景

HTML 代碼:

<dl>
  <dt>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>term 3</dt>
  <dd>definition 3-a</dd>
  <dd>definition 3-b</dd>
</dl>

jQuery 代碼:

$('#term-2').nextUntil('dt').css('background-color', 'red');

var term3 = document.getElementById("term-3");
$("#term-1").nextUntil(term3, "dd").css("color", "green");

結果:

term 1definition 1-adefinition 1-bdefinition 1-cdefinition 1-dterm 2definition 2-adefinition 2-bdefinition 2-cterm 3definition 3-adefinition 3-b