next

英[nekst]   美[nɛkst]  

adj.緊接在後的;次於的;貼近的;緊鄰的

adv.接下去;然後;居後地;依序的

n.下一個;下一位

prep.靠近;居於…之後;在…的隔壁

until

英[ənˈtɪl]   美[ʌnˈtɪl]  

prep.到…為止;在…以前

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

jquery nextUntil() 方法 語法

作用：nextUntil() 取得每個元素所有跟隨的同胞元素，但不包含被選擇器、DOM 節點或已傳遞的 jQuery 物件所匹配的元素。

語法1：.nextUntil(selector,filter)

參數：

參數

描述

selector 

字串值，包含指示在何處停止匹配跟隨的同胞元素的選擇器表達式。

filter .nextUntil(element,filter)參數：參數
字串值，包含用於符合元素的選擇器表達式。
語法2：

描述

####element    ######指示在何處停止配對跟隨的同胞元素的DOM 節點或jQuery 物件。 ############filter    ######字串值，包含用於符合元素的選擇器表達式。 ##################說明：###如果給定一個表示DOM 元素集合的jQuery 對象，.nextUntil() 方法允許我們搜尋DOM 樹中的元素跟隨的同胞元素，當遇到被該方法的參數所匹配的元素時會停止搜尋。傳回的新 jQuery 物件包含所有跟隨的同胞元素，但不包含被參數相符的元素。如果選擇器不符合或未規定選擇器，則會選取所有跟隨的同胞；如果不提供供篩選的選擇器，則該方法選取的元素與 .nextAll() 方法相同。對於 jQuery 1.6，DOM 節點或 jQuery 對象，而不是選擇器，可傳遞到 .nextUntil() 方法。此方法接受可選的選擇器表達式作為其第二參數。如果指定該參數，則將透過偵測元素是否符合該選擇器來篩選它們。 ###

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>
執行實例 »

#點擊 "執行實例" 按鈕查看線上實例

#