Question

使用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的新手，所以我不确定如何实现这一点。谢谢你的帮助！

Answer 1

详细了解Jquery手册：

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

这给出了示例

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

祝你好运

Answer 2

你可以用CSS做到这一点：

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

IE8及以下版本不支持

:empty，因此您可以使用CSS3 polyfill，或者如果您坚持使用jQuery，请使用jQuery的:empty：

$('#table_1 td:empty').addClass('empty');

jQuery附加到table和td背景颜色

2 个答案: