先日、自由にソースコードをいじれないページに対し、連続して繰り返している要素の一部に対してだけcssをあてる必要性に迫られるケースがありました。そんな時はjsを使って、連番のclass名を付与してしまうととても便利です。本記事では連続する要素に対して連番でclassを付与するjsをご紹介したいと思います。class="hoge">ほげ5</div>上記のようなhtmlに対しこのjsを実行すると、以下のように連番のclass名が付与されます。js-5">ほげ5</div>解説jQueryの.eachを使って繰り返しの処理を行います。(i++)とすることで、div.hogeの数だけ「js-1」「js-2」「js-3」...と手前の要素から順番にclass名を付与することができます。まとめ自由のソースコードがいじれない場合や、大量に連続する要素で何らかの処理をjsで行ったほうが便利と思われるケースにおいて活用できると思います。html自体はとてもスッキリしますし、使い方次第でとても便利なのでどうぞお役立ていいただければ幸いです。ため、即時には反映されません。住宅ローン2019年4月1日さらに見る記事を書いている人フォローするRSSを購読するWebデザイナー/フロントエンド・エンジニアのMasaです。独学でWebデザインを勉強後Web業界へ就職し、今の会社に勤めて12年目になりました。2016年4月にマイホームを購入し、休日は芝生いじりと育児に励んでいます。