返回值:jQuery nextUntil([exp|ele][,fil])
概述
查詢目前元素之後所有的同輩元素,直到遇到匹配的那個元素為止。
如果提供的jQuery代表了一組DOM元素,.nextUntil()方法也能讓我們找遍所有元素所在的DOM樹,直到遇到了一個跟提供的參數匹配的元素的時候才會停下來。這個新jQuery對像里包含了下面所有找到的同輩元素,但不包括那個選擇器匹配到的元素。
如果沒有選擇器匹配到,或者沒有提供參數,那麼跟在後面的所有同輩元素都會被選中。這就跟用沒有提供參數的 .nextAll() 效果一樣。
參數
[expr][,filter] String,String V1.4
expr : 用於篩選祖先元素的表達式。
filter : 一個字串,其中包含一個選擇表達式匹配元素。
[element][,filter] DOMElement,String V1.6
element : 用於篩選祖先元素的DOM元素。
filter : 一個字串,其中包含一個選擇表達式匹配元素。
示例
描述:
給#term-2後面直到dt前的元素加上紅色背景
HTML 程式碼:
<dl>
<dt>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>term 3</dt>
<dd>definition 3-a</dd>
<dd>definition 3-b</dd>
</dl>
jQuery 程式碼:
$('#term-2').nextUntil('dt').css('background-color', 'red');
var term3 = document.getElementById("term-3");
$("#term-1").nextUntil(term3, "dd").css("color", "green");
結果:
-
term 1
-
definition 1-a
-
definition 1-b
-
definition 1-c
-
definition 1-d
-
term 2
-
definition 2-a
-
definition 2-b
-
definition 2-c
-
term 3
-
definition 3-a
-
definition 3-b