jqueryで列ごとにスタイルを反映させる

店舗一覧リストをテーブルでつくった時、行ではなく列ごとにスタイルを反映させたときのメモ
Childフィルタを使うと解決できるようです。具体的にはこんな感じ、tableのクラスがshop-listのとき、4列にそれぞれ異なるスタイルを反映させています。

td:nth-child(3)では、行(親のtr要素)ごとに、それぞれ1からはじまる連番でかぞえて3番目のtd要素がマッチします。

jQueryのセレクタ Childフィルタ1

htmlでいちいち書く必要がないので楽ですね。

投稿日
カテゴリ