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?字符串值,包含指示在何處停止匹配跟隨的同胞元素的選擇器表達式。
filter?字符串值,包含用于匹配元素的選擇器表達式。

語法2:.nextUntil(element,filter)

參數(shù):

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

說明:如果給定一個表示 DOM 元素集合的 jQuery 對象,.nextUntil() 方法允許我們搜索 DOM 樹中的元素跟隨的同胞元素,當遇到被該方法的參數(shù)所匹配的元素時會停止搜索。返回的新 jQuery 對象包含所有跟隨的同胞元素,但不包含被參數(shù)匹配的元素。如果選擇器不匹配或未規(guī)定選擇器,則會選取所有跟隨的同胞;如果不提供供篩選的選擇器,則該方法選取的元素與 .nextAll() 方法相同。對于 jQuery 1.6,DOM 節(jié)點或 jQuery 對象,而不是選擇器,可傳遞到 .nextUntil() 方法。該方法接受可選的選擇器表達式作為其第二參數(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>
運行實例 ?

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