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

Question

我有一个两行表（标签行和数据行），其中包含有关正在运行的服务的所有相关信息，但是，根据运行的测试，大约一半的单元格在任何给定时间都是空的。

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

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

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

Answer 1

你可以使用.filter()

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

Answer 2

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

$(function () {
    var $label = $('tr:first');
    $('tr:last td').each(function (index, td) {
        var $td = $(td);
        if ($td.html() != ' ') return;

        $td.hide();
        $label.find('td:eq(' + index + ')').hide();
    });
});