jquery prevUntil()方法


  翻譯結果:

prev

英[prɪv]   美[prɪv]  

[醫學]預防

until

#英[ənˈtɪl]   美[ʌnˈtɪl]  

prep.到…為止;在…以前

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

#

jquery prevUntil()方法語法

作用:prevUntil() 方法獲得目前符合元素集合中每個元素的前面的同胞元素,但不包括被選擇器、DOM 節點或 jQuery 物件相符的元素。

語法1:.prevUntil(selector, filter)

#參數:

參數說明
selector    可選。字串值,包含指示在何處停止匹配前方同胞元素的選擇器表達式。
filter    可選。字串值,包含用於匹配元素的選擇器表達式。

語法2:.prevUntil(element, filter)

參數:

參數說明
element    可選。指示在何處停止匹配前方同胞元素的 DOM 節點或 jQuery 物件。
filter    可選。字串值,包含用於匹配元素的選擇器表達式。

說明:如果給定一個表示DOM 元素集合的jQuery 對象,.prevUntil() 方法允許我們在DOM 樹中搜尋這些元素前面的同胞元素,直到遇到被選擇器(傳遞到方法中的參數)所匹配的元素。傳回的 jQuery 新物件包含所有前面的同胞元素,但不包括由 .prevUntil() 方法規定的選擇器匹配的那個元素;所返回元素的順序是從最近的同胞元素到最遠的那個元素。如果不符合或未套用選擇器,則將選取範圍所有前面的同胞元素;在這種情況下,該方法選取的元素與未提供選擇器時的 .prevAll() 相同。對於 jQuery 1.6,DOM 節點或 jQuery 對象,而不是選擇器,可用作 .prevUntil() 方法的第一個參數。此方法接受可選的選擇器表達式作為其第二參數。如果應用此參數,則將透過偵測元素是否符合該選擇器對元素進行篩選。

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>
執行實例 »

#點擊 "執行實例" 按鈕查看線上實例

#

首頁

影片

問答