完整的代码放在: 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...
**粗体** _斜体_ [链接](http://example.com) `代码` - 列表 > 引用
。你还可以使用@
来通知其他用户。