首頁  >  篩選  > nextUntil([e|e][,f])

返回值: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