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

その他参考

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

Hugo で構築されています。
テーマ Stack は Jimmy によって設計されています。