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