javascript - 删除html表格中的空行

Question

如何删除空白行。我只设法使用 deleteRow() 方法删除了一行，但我只需要删除空行。

<table  border="1">
        <tr>
            <td></td>
        </tr>
        <tr>
            <td>testing</td>         
        </tr>
        <tr>
            <td></td>           
        </tr>
    </table>

Answer 1

这就是您正在寻找的那种东西吗？

我们正在做的是让所有的 td 检查它们是否为空，然后如果它们里面没有任何文本则删除它们。

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

td {
  height: 20px;
}

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<table border="1">
  <tr>
    <td></td>
  </tr>
  <tr>
    <td>123</td>
  </tr>
  <tr>
    <td></td>
  </tr>
  <tr>
    <td>456</td>
  </tr>
</table>