完整的代码放在: https://jsfiddle.net/liam_lia...

我只想到两个方法,一个麻烦,另一个更麻烦。

麻烦的方法一

在生成表格的时候,如果发现值是零,就不要输出值,保持td内容为空,然后用:empty+:after+content来填充空单元格。

td:empty:after {
    content: "0";
}

更麻烦的方法二

在生成表格的时候,添加data-content属性到td上,比如:

<td data-content="34">34</td>
<td data-content="0">0</td>

然后用td[data-content="0"] {color: silver}来修饰单元格。

如果表格数据已经生成,可以动态添加data-属性到td上。

$(function(){
  $("td").each(function(){
    var $this = $(this);
    $this.attr("data-content", $this.text());
  });
});

完整的代码放在: https://jsfiddle.net/liam_lia...

参考链接

https://stackoverflow.com/que...
https://stackoverflow.com/que...


IMDZ
24 声望2 粉丝

腰身壮 胆气豪 常练武 勤操劳


引用和评论

0 条评论