【jQuery】セレクタで指定した要素から他の要素を辿るメソッドの一覧

メソッド一覧

指定した要素から親要素、子要素、兄弟要素を探したり、要素を検索したりする場合に使います。

コード 選択される要素
$('#box').parent() id="box"の直接の親要素
$('#box').children() id="box"直下の子要素
$('#box').find('a') id="box"の子を辿って見つかったすべてのa
$('#box').closest('div') id="box"の親を辿って最初に見つかったdiv
$('#box').next() id="box"と同じ階層にある次の要素
$('#box').prev() id="box"と同じ階層にある1つ前の要素
$('#box').siblings('.item') id="box"と同じ階層でitemクラスを持つすべての要素

その他参考

フィルタリングなど、他にももっと便利なメソッドがあり、以下のページが参考になります。

Link

jQuery リファレンス:traversing目次

https://www.jquerystudy.info/reference/traversing/index.html

Link

Traversing | jQuery Api Documentation

https://api.jquery.com/category/traversing/

PAGETOP