parents

英 ['pe?r?nts]? ?美 ['pe?r?nts]??

n.雙親（ parent的名詞復(fù)數(shù) ）

until

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

prep.到…為止;在…以前

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

jquery parentsUntil()方法 語(yǔ)法

作用：parentsUntil() 獲得當(dāng)前匹配元素集合中每個(gè)元素的祖先元素，直到（但不包括）被選擇器、DOM 節(jié)點(diǎn)或 jQuery 對(duì)象匹配的元素。

語(yǔ)法1：.parentsUntil(selector,filter)

參數(shù)：

參數(shù)描述
selector? ??可選。字符串值，規(guī)定在何處停止對(duì)祖先元素進(jìn)行匹配的選擇器表達(dá)式。
filter? ??可選。字符串值，包含用于匹配元素的選擇器表達(dá)式。

語(yǔ)法2：.parentsUntil(element,filter)

參數(shù)：

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

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

jquery parentsUntil()方法 示例

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

<body>
<ul class="level-1 yes">
  <li class="item-i">I</li>
  <li class="item-ii">II
    <ul class="level-2 yes">
      <li class="item-a">A</li>
      <li class="item-b">B
        <ul class="level-3">
          <li class="item-1">1</li>
          <li class="item-2">2</li>
          <li class="item-3">3</li>
        </ul>
      </li>
      <li class="item-c">C</li>
    </ul>
  </li>
  <li class="item-iii">III</li>
</ul>

<script>
$("li.item-a").parentsUntil(".level-1")
  .css("background-color", "red");

$("li.item-2").parentsUntil( $("ul.level-1"), ".yes" )
  .css("border", "3px solid blue");
</script>
</body>
</html>
運(yùn)行實(shí)例 ?

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