用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...