使用jQuery隐藏空表

Question

我们使用jQuery和Javascript从数据构建CV/resume。为了帮助这些表的分页符，我们使用了一个名为Columnizer的jQuery插件。它工作的很好，但我们仍然偶尔会出现在页面末尾无法正确显示的页眉。

与其试图修复该插件，我们实际上只需要隐藏“空”表，它实际上只是几个标题行。这证明很困难。要么我没有检测到需要删除的行或者操作的顺序关闭。在我看来，将这些行作为最后一个操作最容易删除。这似乎并没有发生。

这是我们努力的脚本。它位于HTML页面的最底部。

<script> 
    $(document).load(function() { 
     var x = document.getElementsByTagName("table"); 

     //alert(x.length); 

     //alert(x[0]); 

     for (var i = 0; i < x.length; i++) { 
      alert(x[i].innerHTML); 

      try { 
       var childBody = x[i].getElementsByTagName("tbody"); 

       //alert(childBody[0].innerHTML);   

       var childRows = childBody[0].getElementsByTagName("tr"); 
      } catch (e) { 
       //alert("no child rows"); 
       x[i].className = "hidden"; 
          //$(x[i]).removeClass().addClass("hidden"); 
      } 
     } 
    }); 
</script> 

我感谢您的帮助。如果您需要更多信息，请告诉我。我是这个新手！

Answer 1

这可以用:not(:has(*))和.closest解决：

$('tbody:not(:has(*))').closest('table').hide(); 

DEMO