rowspanでセル結合したテーブルで交互に背景色を変える | green youth society weblog

jqueryでテーブルの行毎にクラスを付与して交互に背景色を変えていたけど、rowspanが絡むと面倒くさいことになっていた。というのも、rowspanでテーブルセルを結合すると、見かけ上は行が減ったように見えるけどソース上ではtrタグの数が減っている訳ではないから。 なので $(function(){ $("tr:even").addClass("even"); }); とやってしまうと、律儀に偶数番目のtrにevenクラスが付与されて、実際の見た目上ではルールが崩れてしまう。複数のtrをグループ化する方法はないかな、と思ってたらどうやら「tbody」タグを使えば良いらしい。 <table> <tbody> <tr> <td rowspan="2">果物<td> <td>りんご<td> </tr> <tr> <td>みかん<td> </tr> </tbody> <tbody> <tr>