进入使用Javascript

Question

我有类tablesorter的表。在那个表中是包含许多tr的tbody。在tr中，td class = status显示“UP”文本。我需要进入每个tr并检查td class = status是否为UP。如果不是UP那么我需要隐藏那个tr。 HTML就在眼前。

有什么想法吗？

Answer 1

首先从表中获取tr的列表并转换为数组：

[...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
    }
  });