如何从没有 id、Jquery 或 Javascript 的 HTML 表中删除空的 th 和 td

Question

我们如何从 thead 中删除 th 和从 tbody 中删除 td 从 table 中没有附加 id 元素？

请查找图片以获取更多参考。

我无法重用任何可用于删除空 td 或 th 的 javascript/jquery 函数，因为 table 元素没有附加 id。

我无法为表格添加任何 ID，因为它是 generated by JSF，而且页面中只有一个 HTML 表格可用，我试图删除空的 th 和 td

Answer 1

试试这个：你可以使用父 div 选择器找到表格，然后它的 header 和 td 元素来检查这些元素是否为空并删除它

$(function(){
  $("div.ui-datatable-tablewrapper table[role=grid] thead tr th").each(function(){
      var text = $(this).text();
      if(!text && !$(this).find('input').length)
     { 
       $(this).remove();
     }
  });

$("div.ui-datatable-tablewrapper table[role=grid] tbody tr td").each(function(){
      var text = $(this).text();
      if(!text && !$(this).find('input').length)
     { 
       $(this).remove();
     }
  });
});