fetch parent or child element with jQuery

参照

サンプル

code:html

<div id="parent">

<div id="target"></div>

</div>

code:jQuery

$("#target").parent();

これで#parentの要素が取得できる

parentとfindの組み合わせ

code:HTML

<div id="parent">

<h1>見出し</h1>

<div id="target"></div>

</div>

code:jQuery

$("#target").parent().find("h1");

セレクトした要素の全ての親を取得するparents

また、parents('セレクター')のように引数としてセレクターを指定することで、条件を指定することもできます。

Ex)#parant3の中のh1タグをセレクトする

code:jquery

$("#target").parents('#parent3').find("h1");

隣接要素を取得する