从空TD中删除样式

时间:2012-12-17 23:02:53

标签: jquery

  

可能重复:
  Target an empty <li>

我有一张有价值观的表格。可能有一些单元格中没有值。

我需要从那些空单元格中删除样式。

有没有办法用jQuery选择空的TD?

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

3 个答案:

答案 0 :(得分:4)

您可以使用:empty选择器:

$('td:empty');

如果您要删除该类,可以使用removeClass方法:

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

但是,如果TD元素包含空格字符,:empty不会选择该元素,那么您可以使用filter方法:

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

答案 1 :(得分:1)

你可以做这样的事情

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

答案 2 :(得分:0)

您可以使用:empty

$('td:empty')

demo reference