1

我在一个表中有四列，只有为空的字段才需要有红色背景。我正在编辑的数据库对所有列都有一个类（.data），所以我不知道是否需要向每一列添加单独的类以使其工作，或者是否有一种方法可以通过 jQuery 来区分在空白单元格之间并仅在表格的四列中更改背景颜色。

4

2 回答 2

2

A very simple way of doing it would be:

$("td:empty").css('background-color', 'red');
于 2012-07-26T22:30:39.920 回答
0

你想要的真的很简单：

  • 对于<td>表中的每个
  • 如果 不<td>包含文本
  • 更改为backgroundColor红色

这给出了：

$('td').each(function () {
    if ($(this).text() == '') {
        $(this).css('backgroundColor', 'red');
    }
});

另一种使用 jQuery 选择器功能的更短的方法：

$('td:empty').css('backgroundColor', 'red');

都是一样的，只是更短。

最后，您可能会遇到一个特殊情况：如果您的代码使用空格缩进，即使您<td>不包含文本，jQuery 也会说您<td>的不是空的。要解决这种情况，请使用以下小代码：

$('td').text( $.trim( $('td').text() ) );

$.trim()删除无用的空格。

试试这个演示来了解。

在您的情况下，像这样应用它：

$('td').each(function () {
    $(this).text( $.trim( $(this).text() ) );
    if ($(this).text() == '') {
        $(this).css('backgroundColor', 'red');
    }
});
于 2012-07-26T22:28:07.807 回答