0

使用 jQuery 将行附加到表后，我无法更改 td 的背景颜色。

这是我的代码，它可以工作并附加行（没有尝试更改单元格的颜色：

$( "#table_1 tbody" ).append( "<tr>" +
                              "<td>Some text</td>" +
                              "<td></td>" + 
                              "<td></td>" +
                              "<td>" + var1.val() + "</td>" +
                              "<td></td>" +
                              "</tr>" );

我想将所有空单元格（即带有 的单元格"<td></td>"）变灰。我希望它们具有灰色背景色，以便用户知道它们是空的或不活动的。你能帮忙吗？

我尝试使用普通的 html 标签来更改 td 颜色，但它不起作用： "<td style="background-color:#C0C0C0"></td>"

我是 jQuery 新手，所以我不确定如何实现这一点。谢谢您的帮助！

4

2 回答 2

1

看看Jquery手册，具体来说：

http://api.jquery.com/empty-selector/

这给出了例子

$("td:empty").css('background', 'rgb(255,220,200)');

祝你好运

于 2013-07-16T18:11:10.067 回答
1

你可以只用 CSS 来做到这一点：

#table_1 td:empty {
    background-color: grey;
}

:emptyIE8 及以下版本不支持，因此您可以使用 CSS3 polyfill，或者如果您坚持使用 jQuery，请使用 jQuery 的:empty：

$('#table_1 td:empty').addClass('empty');
于 2013-07-16T18:11:36.747 回答