javascript - 如果所有单元格为空，则删除 html 中的行

Question

我正在根据一些外部数据生成一个表。每行在我返回的列中都没有数据。我想删除所有单元格为空的行。我找到了一些代码，如果一个单元格为空，则删除该行，但允许一个空单元格。我想删除第一行和第三行。

我已经尝试过此操作，但它会删除所有行:

<table border="1">
<tr>
 <td></td>
 <td></td>
</tr>
<tr>
  <td>123</td>
  <td></td>
 </tr>
 <tr>
  <td></td>
  <td></td>
 </tr>
<tr>
 <td>456</td>
 <td></td>
</tr>

$("td").each(function() {
  if (this.innerText === '') {
    this.closest('tr').remove();
 }    
 });

Answer 1

只需修改脚本即可迭代 tr 元素而不是 td。

如果 tr 行的文本内容为空，则意味着其所有单元格也为空。这是一个工作演示:

$("tr").each(function() {
  if (!$(this).text().trim()) {
    this.remove();
  }
});

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>

<table border="1">
  <tr>
    <td></td>
    <td></td>
  </tr>
  <tr>
    <td>123</td>
    <td></td>
  </tr>
  <tr>
    <td></td>
    <td></td>
  </tr>
  <tr>
    <td>456</td>
    <td></td>
  </tr>
</table>