prev

英 [pr?v]? ?美 [pr?v]??

[醫(yī)]預(yù)防

until

英 [?n?t?l]? ?美 [?n?t?l]??

prep.到…為止;在…以前

conj.到…為止,在…以前;直到…才

jquery prevUntil()方法 語法

作用:prevUntil() 方法獲得當(dāng)前匹配元素集合中每個元素的前面的同胞元素,但不包括被選擇器、DOM 節(jié)點(diǎn)或 jQuery 對象匹配的元素。

語法1:.prevUntil(selector, filter)

參數(shù):

參數(shù)描述
selector? ??可選。字符串值,包含指示在何處停止匹配前方同胞元素的選擇器表達(dá)式。
filter? ??可選。字符串值,包含用于匹配元素的選擇器表達(dá)式。

語法2:.prevUntil(element, filter)

參數(shù):

參數(shù)描述
element? ??可選。指示在何處停止匹配前方同胞元素的 DOM 節(jié)點(diǎn)或 jQuery 對象。
filter? ??可選。字符串值,包含用于匹配元素的選擇器表達(dá)式。

說明:如果給定一個表示 DOM 元素集合的 jQuery 對象,.prevUntil() 方法允許我們在 DOM 樹中搜索這些元素前面的同胞元素,直到遇到被選擇器(傳遞到方法中的參數(shù))匹配的元素為止。返回的 jQuery 新對象包含所有前面的同胞元素,但不包括由 .prevUntil() 方法規(guī)定的選擇器匹配的那個元素;所返回元素的順序是從最近的同胞元素到最遠(yuǎn)的那個。如果不匹配或未應(yīng)用選擇器,則將選區(qū)所有前面的同胞元素;在這種情況下,該方法選取的元素與未提供選擇器時(shí)的 .prevAll() 相同。對于 jQuery 1.6,DOM 節(jié)點(diǎn)或 jQuery 對象,而不是選擇器,可用作 .prevUntil() 方法的第一個參數(shù)。該方法接受可選的選擇器表達(dá)式作為其第二參數(shù)。如果應(yīng)用這個參數(shù),則將通過檢測元素是否匹配該選擇器對元素進(jìn)行篩選。

jquery prevUntil()方法 示例

<!DOCTYPE html>
<html>
<head>
  <script type="text/javascript" src="http://apps.bdimg.com/libs/jquery/2.1.1/jquery.min.js"></script>
</head>

<body>
<dl>
  <dt id="term-1">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 id="term-3">term 3</dt>
  <dd>definition 3-a</dd>
  <dd>definition 3-b</dd>
</dl>

<script>
$("#term-2").prevUntil("dt")
  .css("background-color", "red");
  
var term1 = document.getElementById('term-1');
$("#term-3").prevUntil(term1, "dd")
  .css("color", "blue");
</script>

</body>
</html>
運(yùn)行實(shí)例 ?

點(diǎn)擊 "運(yùn)行實(shí)例" 按鈕查看在線實(shí)例