Question

我们可以使用jQuery设置表行的替代颜色：

$("tr:odd").css("background-color", "white");
$("tr:even").css("background-color", "yellow");

是否可以将此模式用于第一组列，将另一种颜色组合用于第二组或更多列？

Answer 1

好的，谢谢你的提示。以下将有效。

HTML（异步附加jQuery）：

<table id='dataTable'>
    <tr>
        <td class='td1'>a</td><td class='td2'>b</td><td class='td3'>c</td>
    <tr>
    <tr>
        <td class='td1'>1</td><td class='td2'>2</td><td class='td3'>3</td>
    <tr>
</table>

jQuery（每次附加一行时调用此块）：

$('tr:even td.td1').css("background-color", "#00CCCC");
$('tr:odd td.td1').css("background-color", "#00FFFF");
$('tr:even td.td2').css("background-color", "#00CC33");
$('tr:odd td.td2').css("background-color", "#00FF33");
$('tr:even td.td3').css("background-color", "#99CC33");
$('tr:odd td.td3').css("background-color", "#99FF33");

缺点是需要为每个'TD'分配一个CSS类，每次附加新行时都会调用CSS赋值。

jQuery为多组列设置备用颜色

1 个答案: