next

英 [nekst]? ?美 [n?kst]??

adj.緊接在后的;次于的;貼近的;緊鄰的

adv.接下去;然后;居后地;依次的

n.下一個;下一位

prep.靠近;居于…之后;在…的隔壁

until

英 [?n?t?l]? ?美 [?n?t?l]??

prep.到…為止;在…以前

conj.到…為止，在…以前;直到…才

jquery nextUntil() 方法 語法

作用：nextUntil() 獲得每個元素所有跟隨的同胞元素，但不包括被選擇器、DOM 節(jié)點或已傳遞的 jQuery 對象匹配的元素。

語法1：.nextUntil(selector,filter)

參數(shù)：

參數(shù)描述
selector?字符串值，包含指示在何處停止匹配跟隨的同胞元素的選擇器表達(dá)式。
filter?字符串值，包含用于匹配元素的選擇器表達(dá)式。

語法2：.nextUntil(element,filter)

參數(shù)：

參數(shù)描述
element? ??指示在何處停止匹配跟隨的同胞元素的 DOM 節(jié)點或 jQuery 對象。
filter? ??字符串值，包含用于匹配元素的選擇器表達(dá)式。

說明：如果給定一個表示 DOM 元素集合的 jQuery 對象，.nextUntil() 方法允許我們搜索 DOM 樹中的元素跟隨的同胞元素，當(dāng)遇到被該方法的參數(shù)所匹配的元素時會停止搜索。返回的新 jQuery 對象包含所有跟隨的同胞元素，但不包含被參數(shù)匹配的元素。如果選擇器不匹配或未規(guī)定選擇器，則會選取所有跟隨的同胞；如果不提供供篩選的選擇器，則該方法選取的元素與 .nextAll() 方法相同。對于 jQuery 1.6，DOM 節(jié)點或 jQuery 對象，而不是選擇器，可傳遞到 .nextUntil() 方法。該方法接受可選的選擇器表達(dá)式作為其第二參數(shù)。如果指定該參數(shù)，則將通過檢測元素是否匹配該選擇器來篩選它們。

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>
運行實例 ?

點擊 "運行實例" 按鈕查看在線實例