parents

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

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

jquery parents() 方法 語法

作用：parents() 取得目前符合元素集合中每個(gè)元素的祖先元素，使用選擇器進(jìn)行篩選是可選的。

語法：.parents(selector)

#參數(shù)：

參數(shù)說明
selector? ??字串值，包含用於符合元素的選擇器表達(dá)式。

說明：如果給定一個(gè)表示DOM 元素集合的jQuery 對(duì)象，.parents() 方法允許我們?cè)贒OM 樹中搜尋這些元素的祖先元素，並用從最近的父元素向上的順序排列的匹配元素建構(gòu)一個(gè)新的jQuery 物件。元素是按照從最近的父元素向外的順序被傳回的。 .parents() 和?.parent()?方法類似，不同的是後者沿著 DOM 樹向上遍歷單一層級(jí)。此方法接受可選的選擇器表達(dá)式，與我們向 $() 函數(shù)中傳遞的參數(shù)類型相同。如果應(yīng)用這個(gè)選擇器，則將透過偵測(cè)元素是否符合該選擇器對(duì)元素進(jìn)行篩選。

jquery parents() 方法 範(fàn)例

<!DOCTYPE html>
<html>
<head>
  <style>
  b, span, p, html body {
    padding: .5em;
    border: 1px solid;
  }
  b { color:blue; }
  strong { color:red; }
  </style>
  <script type="text/javascript" src="http://apps.bdimg.com/libs/jquery/2.1.1/jquery.min.js"></script>
</head>

<body>
  <div>
    <p>
      <span>
        <b>我的父元素是：</b>
      </span>
    </p>
  </div>

<script>
var parentEls = $("b").parents()
            .map(function () { 
                  return this.tagName; 
                })
            .get().join(", ");
$("b").append("<strong>" + parentEls + "</strong>");
</script>

</body>
</html>
執(zhí)行實(shí)例 ?

#點(diǎn)擊 "執(zhí)行實(shí)例" 按鈕查看線上實(shí)例

#