款式一<tr>标签取决于响应的内容<td>标签

Question

我从 Postgres 数据库导入一个表到网站，如果我请求属性表，对于一个项目，有很多属性显示：NULL、(NULL) 或 false，我的表中不需要这些属性，因为他们不会为用户添加额外的信息。

<tr>
    <th>Anrede</th>
    <td>(NULL)</td>
</tr>
<tr>
    <th>Postleitzahl</th>
    <td>NULL</td>
<tr>

我现在的想法是查看<td>...</td>并据此将<tr>的样式设置为“display:none”。 但我不知道该怎么做，如果我必须编写一个 JS 函数或者我是否只能使用 html 和 css？

Answer 1

通过 javascript，您可以使用textContent来检查 td 的内容：

 for (let el of document.querySelectorAll('#test td')) { if ( el.textContent == '(NULL)' || el.textContent =='NULL') { el.parentNode.style.display="none" } }

 <table id="test"> <tr> <th>Anrede</th> <td>(NULL)</td> </tr> <tr> <th>Postleitzahl</th> <td>NULL</td> </tr> <tr> <th>Anrede</th> <td>(NULL)</td> </tr> <tr> <th>Postleitzahl</th> <td> See Us </td> </tr> </table>

https://codepen.io/gc-nomade/pen/MWwPOvw

Answer 2

@nunkuat 实际上 td 代表表数据。 它通常用于在包含某些数据的表格中定义标准数据单元格。 并且主要是 td 元素应该包含在 tr 标签中。 现在例如检查此代码

<table>
  <tr>
    <td style="border: 0.5px #333 solid;">First table cell</td>
    <td style="border: 0.5px #333 solid;">Second table cell</td>
  </tr>
</table>

这里 td 被分配给一些值，类似地 td 是强制排序，即使它被分配了值或者即使它被分配给空值。

希望这是有帮助的。