中小企業-経営戦略ライフハック業務効率化Homeホームページ制作関連コーディングjQueryで$(this)を使用したときの子要素や隣接要素の指定方法2019.05.15コーディングjQueryで$(this)を使用したときの子要素や隣接要素の指定方法jQueryで、同じ動きをする繰り返し要素などに利用することが多い$(this)。シンプルな動きでも$(this)で指定した要素の子要素や隣接要素を指定する場合が多く、これらの違いがわかるとできることに大きな違いがあります。今回はそんな$(this)に付随するjQueryセレクタを紹介します。//2});.children1、子要素を指定します。$(this)直下の要素のみ指定することができます。.find2、子要素を指定します。$(this)以下の要素から該当するものを指定することができます。});.menu01をクリックした場合、その次の要素を選択するセレクタは以下です。.next1、すぐ次にある要素を指定します。この場合.menu02になります。.nextAll2、次以降にある全ての要素を指定します。この場合.menu02、.menu03になります。.menu03をクリックした場合、その次の要素を選択するセレクタは以下です。.prev3、すぐ前にある要素を指定します。この場合.menu02になります。.prevAll4、手前にある全ての要素を指定します。この場合.menu01、.menu02になります。まとめ記述方法やセレクタを知っているだけでjQueryの記述を大きく効率化することができることがあります。複雑に見える動きでもシンプルなコードで実現できると、メンテナンス性も向上します。有用に利用しましょう。楽器とパソコンのキーボードを使い分ける当社のマルチクリエイター。e-sportsに興味津々であれこれ情報を収集中。