Question

如果tbody中的所有单元格都为空，我希望能够隐藏整个表格。如果其中的所有单元格都是空的，我只能找到隐藏单行的方法。

这是代码。它是一个动态生成的表，如果它在正文中没有内容我想隐藏它：

<table class="acf-dynamic-table ">
    <thead>
        <tr>
            <th>Headline 1</th>
            <th>Headline 2</th>
            <th>Headline 3</th>
            <th>Headline 4</th>
            <th>Headline 5</th>
        </tr>
    </thead>
    <tbody>
        <tr>
            <td></td>
            <td></td>
            <td></td>
            <td></td>
            <td></td>
        </tr>
    </tbody>
</table>

非常感谢您的帮助！

Answer 1

if ($.trim($('.acf-dynamic-table tbody').text())=="") {
    $('.acf-dynamic-table').hide();
}

Answer 2

if ($(".acf-dynamic-table td:not(:empty)").length == 0) {
  $(".acf-dynamic-table").hide();
}

Answer 3

你可以使用jQUery :empty selector：

选择所有没有子元素的元素（包括文本节点）

 if ($(".acf-dynamic-table td:not(:empty)").length == 0) {
      $(".acf-dynamic-table").hide();
 }

如果tbody中的所有单元格都为空，则隐藏表格

3 个答案: