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

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

      jQuery nextUntil() 方法概述

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

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

      如果沒有選擇器匹配到,或者沒有提供參數(shù),那么跟在后面的所有同輩元素都會(huì)被選中。這就跟用沒有提供參數(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