jQuery 遍历 - parent() メソッド

jQuery 遍历参考手册

例

"selected"クラスを持つ各段落の親要素を検出します：

$("p").parent(".selected")

自分で試してみてください

定義と用法

parent()は、現在の一致する要素集合の各要素の親要素を取得し、選択子をフィルタリングするのはオプションです。

.parent(selector)
パラメータ 説明
selector 要素に一致するための選択子表現を含む文字列値。

詳細な説明

DOM要素集合を表すjQueryオブジェクトが与えられた場合、.parent()メソッドはDOM木でこれらの要素の親要素を検索し、一致する要素で構成された新しいjQueryオブジェクトを作成します。.parents(); .parent()メソッドと似ていますが、後者はDOM木を単一のレベルに上って遍历します。

このメソッドは、$()関数に渡すパラメータの種類と同じ選択子表現をオプションで受け入れます。この選択子を適用すると、要素がその選択子に一致するかどうかを検出して、要素をフィルタリングします。

基本的なネストリストを持つページを考えてみてください：

<ul class="level-1">
  <li class="item-i">I</li>
  <li class="item-ii">II
    <ul class="level-2">
      <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>

プロジェクトAから始める場合、その親要素を見つけることができます：

$('li.item-a');.parent();.css('background-color', 'red');

自分で試してみてください

この呼び出しの結果は、レベル-2のリストに赤い背景を設定することです。選択子表現を適用していないため、自然に親要素がオブジェクトの一部となります。選択子表現が適用されている場合、要素が選択子に一致するかどうかを確認してから、含まれる要素を検出します。

jQuery 遍历参考手册