Question

使用 Javascript 获取 <table> 中 <tbody> 内的 <td>

2018-06-10

484

javascript html-table

我有一张带有 tablesorter 类的表格。该表格中的 tbody 包含许多 tr。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
    }
  });