用CSS修饰统计表中内容为“0”的单元格

完整的代码放在： 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...