next

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

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

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

n.下一個(gè);下一位

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

until

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

prep.到…為止;在…以前

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

jquery nextUntil() 方法 語(yǔ)法

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

語(yǔ)法1：.nextUntil(selector,filter)

參數(shù)：

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

語(yǔ)法2：.nextUntil(element,filter)

參數(shù)：

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

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

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>
運(yùn)行實(shí)例 ?

點(diǎn)擊 "運(yùn)行實(shí)例" 按鈕查看在線實(shí)例