jQueryで親要素や子要素を取得する方法

jQueryで親要素や子要素を取得する方法をまとめてみました。

なんだかんだで書いておかないと忘れてしまうので。。。

親要素を取得する

  • parent([条件等])
  • 直近の親要素のみを取得し、1つ上以上の親を探さない。
    条件を書かなければ直近の親要素を、条件を書くと条件に一致する場合は要素が、一致しない場合は空の配列が返ってくる

    例) #content の親要素である div を取得する

子要素を取得する

  • children([条件等])
  • その要素の子要素のみ取得する。子孫は取ってこない。
    条件にあてはまる場合はその要素が、あてはまらない場合は空の配列で返ってくる。

    例) 子要素の span を取得する (p に囲まれた span は取得出来ない)

最後に

jQueryを使って長いですが、未だにちょくちょくしか使わないためメソッド名と使い方が覚えられない。。。
ということでメモ記事でした。誰かの参考になれば!!

この本読んでみたい