parents
UK ['pe?r?nts] US ['pe?r?nts]
n.Parents (親の複數(shù)名詞)
jqueryparents()メソッド 構(gòu)文
関數(shù): parents() は、現(xiàn)在の一致する要素セット內(nèi)の各要素の祖先要素を取得します。セレクターによるフィルタリングはオプションです。
# 構(gòu)文: .parents(selector)
パラメータ:
| Description | |
| 要素の一致に使用されるセレクター式を含む文字列値。 |
説明: DOM 要素のコレクションを表す jQuery オブジェクトが與えられた場合、.parents() メソッドを使用してこれらの要素を検索できます。 DOM ツリーの祖先要素を作成し、最も近い親要素から昇順に一致する要素を含む新しい jQuery オブジェクトを構(gòu)築します。要素は最も近い親から外側(cè)に向かって順番に返されます。 .parents() メソッドは .parent() メソッドと似ていますが、後者は DOM ツリーの 1 レベル上を移動する點が異なります。このメソッドは、$() 関數(shù)に渡した引數(shù)と同じ型のオプションのセレクター式を受け入れます。このセレクターが適用される場合、要素はセレクターと一致するかどうかをテストすることによってフィルター処理されます。
jqueryparents()メソッド 例
<!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>[インスタンスの実行] ボタンをクリックしてオンライン インスタンスを表示します