1) parent()
親要素を取得
<div id="parent">
<div id="target"></div>
</div>
$("#target").parent();
#targetの親要素である#parentを取得することができる
parent()とfind()の組み合わせ
<div id="parent">
<h1>見出し</h1>
<div id="target"></div>
</div>
$("#target").parent().find("h1");
#targetの親要素である#parent内のh1を取得することができる
2) parents()
親要素（先祖要素）を取得
セレクタを指定で要素を検索できる
検索するときは自分は含めず検索する
条件に一致するすべての親要素を取得したい場合に便利
<div id="parent3">
<h1>見出し</h1>
<div id="parent2">
<div id="parent1">
<div id="target"></div>
</div>
</div>
</div>
$("#target").parents('#parent3').find("h1");
#targetの親要素（先祖要素）である#parent3内にあるh1を取得することができる
3) closest()
直近の親要素を取得する
セレクタを指定で要素を検索できる
検索するときは自分も含めて検索する
ある条件に一致する最も近い要素を1つだけ取得したい場合に便利
<div id="parent3">
<h1>見出し</h1>
<div id="parent2">
<div id="parent1">
<div id="target"></div>
</div>
</div>
</div>
$("#target").closest('#parent3').find("h1");
#targetの直近の親要素#parent3内にあるh1を取得することができる