Получить <td>внутри <tbody>из <table>, используя Javascript

Question

У меня есть таблица с таблицей классов.В этой таблице есть tbody, который содержит множество tr.В tr это td class = status, показывающий текст "UP".Мне нужно войти в каждый tr и проверить, если статус td class = UP.Если не UP, то мне нужно скрыть, что тр.HTML на картинке.

Есть идеи?

Answer 1

Сначала получите список tr s из таблицы и преобразуйте в массив:

[...document.querySelector('table').querySelectorAll('tr')]
  // then forEach over the array to conditionally hide the row
  .forEach(tr => {
    // select the element with class 'status' check if txt is not UP
    const el = tr.querySelector('.status');
    if (!el || el.textContent.trim() !== 'UP') {
      tr.style.display = 'none'; // hide tr
    }
  });