parent

UK [ˈpeərənt] US [ˈperənt]

n.父 (または母); 祖先; ルート、起源; 保護者

jqueryのparent()メソッド 構文

関数: parent() 現在一致する要素セット内の各要素の親要素を取得します。セレクターによるフィルタリングはオプションです。

#構文: .parent(selector)

パラメータ:

# #Parameter Descriptionselector 要素の一致に使用されるセレクター式を含む文字列値。

説明: DOM 要素のコレクションを表す jQuery オブジェクトが与えられた場合、.parent() メソッドを使用してこれらの要素を検索できます。 DOM ツリーの親要素を取得し、一致する要素を持つ新しい jQuery オブジェクトを構築します。 .parents() メソッドは .parent() メソッドと似ていますが、後者は DOM ツリーの 1 レベル上を移動する点が異なります。このメソッドは、$() 関数に渡した引数と同じ型のオプションのセレクター式を受け入れます。このセレクターが適用される場合、要素はセレクターと一致するかどうかをテストすることによってフィルター処理されます。

jqueryのparent()メソッド 例

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

<body>

  <div><p>Hello</p></div>
  <div class="selected"><p>Hello Again</p></div>

<script>
  $("p").parent(".selected").css("background", "yellow");
</script>

</body>
</html>
インスタンスの実行 »

[インスタンスの実行] ボタンをクリックしてオンライン インスタンスを表示します