使用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