從表中刪除空單元格及其標簽單元格

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();
    });
});