【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クラスを持つすべての要素

その他参考

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

前へ

【正規表現】基本やサンプル・事例のメモ

次へ

【JS】モバイルブラウザか判別する「mobile-detect.js」