從空TD刪除造型

Question

可能重複：
Target an empty <li>

我有值的表。可能有一些單元格中沒有值。

我需要從這些空單元中刪除樣式。

有沒有辦法用jQuery選擇空TD？

<table> 
<tr> 
    <td class="val">1</td> 
    <td class="val">2</td> 
    <td class="val"></td> 
</tr> 
</table> 

Answer 1

您可以使用:empty選擇：

$('td:empty'); 

如果要刪除類，你可以使用removeClass方法：

$('td:empty').removeClass('val'); 

但是，如果TD元素包含空間字符，:empty不選擇該元素，在這種情況下，您可以使用filter方法：

$('td').filter(function(){ 
    return !$.trim(this.innerHTML); 
}).removeClass('val') 

Answer 2

你可以做這樣的事情

$(".val:empty").removeClass("val"); 

Answer 3

您可以使用:empty。

$('td:empty') 

demoreference