rowspanでセル結合したテーブルで交互に背景色を変える | green youth experiment
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> <t
COLSPAN属性およびROWSPAN属性とIE
引き続きInternetExplorerのDOM実装と格闘していて気がついたこと。 ■COLSPANとROWSPANは静的な値である？ jQueryが、IE6やIE7において、内部的にどのようにこの２つの属性を読み書きしているのかはわからないが、 ( {jQuery} tdElement ).attr( 'colspan', {Number} colspanValue ) ( {jQuery} tdElement ).attr( 'rowspan', {Number} rowspanValue ) という呼び出しで、DOMのTD要素に両属性を書き込みしても、ブラウザの画面内で表示されているTD要素にその効果──すなわち複数のセルを結合した大セルの表示と、それにともなう右隣、下隣のセルの適切な位置への移動──は行われない。 FirfoxやOpera、Safariで同じことをすれば、セルのサイ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
