jQueryオブジェクトの parent() メソッド

jQueryオブジェクトのparentメソッドは、各要素の親要素を返す。

構文

jQueryObject.parent()
jQueryObject.parent(expr)

引数

jQueryオブジェクトのparentメソッドには、以下に示す引数を指定できる。

expr
親要素を絞り込むためのセレクタを指定する。

parentsとの違い

jQueryオブジェクトのparentメソッドは、ひとつ上の階層の要素（親要素）を取得する。これに対して、jQueryオブジェクトのparentsメソッドは、指定したセレクタに合致する先祖要素（上の階層の要素）を全て取得する。parentsメソッドが取得するのは複数の要素のコレクションである。

closestとの違い

jQueryオブジェクトのparentメソッドは、ひとつ上の階層の要素（親要素）を取得する。これに対して、jQueryオブジェクトのclosestメソッドは、指定したセレクタに合致する直近の先祖要素（上の階層の要素）をひとつ取得する。closestメソッドが取得するのは親要素かもしれないし、2つ上の要素かもしれない。

サンプル

<div>foo
  <div>bar
    <div id="baz">baz</div>
  </div>
</div>
<script>
  $('#baz').parent().css('background-color', 'silver')
</script>
foo
bar
baz

関連記事

attr method of jQuery object
要素の属性を取得または設定する。
children method of jQuery object
子要素（ひとつ下の階層の要素）を取得する。
find method of jQuery object
子孫要素（下の階層の要素）を取得する。
parents method of jQuery object
先祖要素（上の階層の要素）を全て取得する。
remove method of jQuery object
全ての要素をHTMLドキュメントから削除する。