parent()・parents()・closest()

子要素の場合.find()やchildren()で要素を取得できますが

親要素の場合

parent() : 1個上の親要素を取得
closest() : セレクタに合致する要素を取得
parents() : 子要素より上の階層の全ての要素を取得

上記のセレクタで拾得できます。

parent() の場合 1個上の階層の要素しか取得できないためid=”parent-3″のみしか拾得できません

メソッドclosestを使用してclosest(‘.parent-2’):とすればid=”parent-2″を拾得できます。

parents()を使用した場合、.container,#parent-1,parent-2,parent-3など上の階層すべての親要素を拾得できます。