首頁(yè)  >  篩選  > prevUntil([e|e][,f])

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

jQuery prevUntil() 方法概述

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

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

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

參數(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').prevUntil('dt').css('background-color', 'red');