Стиль тега <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

@ 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 является обязательной сортировкой, даже если ей присваивается значение или даже если ей присваивается значение null.

Надеюсь, это было полезно.

Answer 2

через 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