【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クラスを持つすべての要素 |
その他参考
フィルタリングなど、他にももっと便利なメソッドがあり、以下のページが参考になります。