English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية

jQueryのparents()メソッド

jQuery 過渡メソッド

parents()メソッドは、選択された要素のすべての祖先要素を返します。

parents()メソッドは、DOM要素の祖先から親要素に向かって遡り、ドキュメントのルート要素(<html>)までを遍历します。

parents()とclosest()メソッドの類似点は、どちらもDOM木を遍历するという点です。違いは以下の通りです:

parents()

  • 親要素から始めて

  • DOM木をドキュメントの根要素に向かってブラウズし、各祖先要素を一時的な集合に追加します;その後、選択子がある場合、その集合をフィルタリングします

  • 返されるjQueryオブジェクトは、元のセットの各要素に対して、ドキュメントの逆順に従って零個または複数の要素を含みます

closest()

  • 現在の要素から始めて

  • 提供された選択子に一致するオブジェクトを見つけるまでDOM木を上に移動します

  • 返されるjQueryオブジェクトは、元のセットの各要素に対して、ドキュメントの順序に従って零個または一個の要素を含みます

文法:

$(selector).parents(filter)

SPAN要素の全ての祖先要素を返す:

body(曾曾祖父)
div(曾祖父)
div(祖父)

p(直接の親)                 span

コードを実行する

引数の値

引数説明
フィルタリング(オプション)要素をマッチングするための選択子表現を指定して
注意:複数の祖先を返すには、各表現をカンマで区切ってください

jQuery 過渡メソッド