返回值:jQuerynextUntil([exp|ele][,fil])

jQuery nextUntil() 方法概述

查找當(dāng)前元素之后所有的同輩元素，直到遇到匹配的那個(gè)元素為止。

如果提供的jQuery代表了一組DOM元素，.nextUntil()方法也能讓我們找遍所有元素所在的DOM樹，直到遇到了一個(gè)跟提供的參數(shù)匹配的元素的時(shí)候才會(huì)停下來(lái)。這個(gè)新jQuery對(duì)象里包含了下面所有找到的同輩元素，但不包括那個(gè)選擇器匹配到的元素。

如果沒(méi)有選擇器匹配到，或者沒(méi)有提供參數(shù)，那么跟在后面的所有同輩元素都會(huì)被選中。這就跟用沒(méi)有提供參數(shù)的 .nextAll()效果一樣。

參數(shù)

[expr][,filter]String,StringV1.4

expr: 用于篩選祖先元素的表達(dá)式。

filter: 一個(gè)字符串，其中包含一個(gè)選擇表達(dá)式匹配元素。

[element][,filter]DOMElement,StringV1.6

element: 用于篩選祖先元素的DOM元素。

filter: 一個(gè)字符串，其中包含一個(gè)選擇表達(dá)式匹配元素。

示例

描述:

給#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");

結(jié)果:


      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