javascript - 如何给一个空的 td 上课?

我正在展示一张 table 。此表的某些单元格已填充内容。但是有些单元格是空的。我想要的是所有空单元格都有不同的背景颜色。我怎样才能做到这一点? 如何检查 td 是否为空?

最佳答案

您可以使用 :empty选择器:

演示:

//You can loop and remove the space charcater from cells
document.querySelectorAll('table tr > td').forEach(c => c.textContent = c.textContent.trim());
table, th, td {
  border: 1px solid black;
}
table tr > td:empty {
  background-color: yellow;
}
<table>
  <tr>
    <th>Month</th>
    <th>Savings</th>
  </tr>
  <tr>
    <td>January</td>
    <td>$100</td>
  </tr>
  <tr>
    <td>February</td>
    <td></td>
  </tr>
  <tr>
    <td>March</td>
    <td>$90</td>
  </tr>
  <tr>
    <td>May</td>
    <td>&nbsp; </td>
  </tr>
</table>

https://stackoverflow.com/questions/69208447/

相关文章:

reactjs - Typescript i18next 不满足约束 'string |模板字符串数

php - 我必须在 Composer 要求之前使用 init 吗?

c++ - std::transform 中未解析的重载函数类型

python - PySpark:在 UDF 中使用列名并根据逻辑连接列名

list - 如何为 SwiftUI 列表中的单个行设置动画?

javascript - 如果 javascript 中的数据属性(HTML)=== 输入文本,如何

javascript - Material ui 版本 4-11.4 的文档丢失

c# - 从 Azure Keyvault c# 获取带私钥的 X509 证书

r - 根据R中的组和行计算差异

java - 在 Windows 上使用 Jar 文件启动 JMeter 时出现白色空白屏幕