如何更改表格中空單元的背景顏色？

Question

我有一個表中的四列需要紅色背景只有空的字段。我編輯的數據庫有所有列的一個類（.data），所以我不知道是否需要爲每列添加單個類以使其工作，或者是否有通過jQuery進行區分的方法在空白單元格之間，並且只改變表格的四列中的背景顏色。

Answer 1

你想要什麼是很容易的：

• 對於表中
• 每個<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()刪除無用的空格。

Try this demo to understand。

在你的情況下，應用它像：

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

Answer 2

一個非常簡單的做這件事的辦法是：

$("td:empty").css('background-color', 'red');