prev

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

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

until

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

prep.到…為止;在…以前

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

jquery prevUntil()方法 語法

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

語法1：.prevUntil(selector, filter)

參數(shù)：

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

語法2：.prevUntil(element, filter)

參數(shù)：

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

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