从表中删除空单元格及其标签单元格

时间:2016-09-01 15:39:14

标签: javascript jquery html

我有一个双行表(标签行和数据行),其中包含有关正在运行的服务的所有相关信息,但是,在任何给定时间,大约一半的单元格是空的,具体取决于哪个测试是跑。

我正在寻找一个jquery语句,它将找到所有空单元格,并将它们与该单元格的标签一起隐藏。我搜索了很多,发现这段代码是为了隐藏空单元格

$('table#yourTable tr').each(function(){
  if($(this).children('td:empty').length === $(this).children('td').length){
    $(this).hide();
  }
});

但是,我的“空”单元格中填充了“& nbsp”而不是真正的空白。有没有办法隐藏单元格及其相关的标签单元?

2 个答案:

答案 0 :(得分:0)

您可以使用.filter()

$(document).ready(function() {
  var elems = $("tr").filter(function() {
    return this.querySelector("td").innerHTML === " "
  });
  elems.hide();
})

答案 1 :(得分:0)

以下代码将隐藏所有非真正空的单元格及其标签单元格。

SUMPRODUCT