先日、連続して繰り返している要素内に、特定の要素が存在する場合のみ処理を行う必要に迫られるシーンがありました。具体的に言うと、普段は非表示(display:none;)にしている要素をある要素が存在する時だけdisplay:block;にする、という処理になります。本記事ではこの機能を実現するjsについてご紹介したいと思います。class="表示したい要素">特定の要素がある時だけ表示したい要素</p></div></div>解説jQueryの.eachを使って繰り返しの処理を行います。特定の要素をfindでアクセスし、parents()で親要素にアクセスします。あとは表示したい要素を再度findでアクセスしてshow()するだけです。デモ実際に動作を確認できるデモページも公開しておりますのであわせてご確認ください。連続する要素において、特定の要素が存在する場合のみ処理を行うjsまとめ自由のソースコードがいじれない場合などに重宝します。「特定の要素が存在する時だけ何かを行う」といった処理は応用が利くので、ぜひテクニックの一つとして覚えておくとよいです。ため、即時には反映されません。住宅ローン2019年5月7日さらに見る記事を書いている人フォローするRSSを購読するWebデザイナー/フロントエンド・エンジニアのMasaです。独学でWebデザインを勉強後Web業界へ就職し、今の会社に勤めて12年目になりました。2016年4月にマイホームを購入し、休日は芝生いじりと育児に励んでいます。