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?.nextUntil(element,filter)參數(shù):參數(shù)
字串值,包含用於符合元素的選擇器表達(dá)式。
語法2:

描述

####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() 方法 範(fàn)例

<!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>
執(zhí)行實例 ?

#點擊 "執(zhí)行實例" 按鈕查看線上實例

#