Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/80.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 从表中删除空单元格及其标签单元格_Javascript_Jquery_Html - Fatal编程技术网

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

Javascript 从表中删除空单元格及其标签单元格,javascript,jquery,html,Javascript,Jquery,Html,我有一个两行表(label row和data row),其中填充了关于正在运行的服务的所有相关信息,但是,根据运行的测试,在任何给定的时间,大约有一半的单元格是空的 我正在寻找一个jquery语句,它将查找所有空单元格并将它们与该单元格的标签一起隐藏。我已经搜索了很多,找到了这个用来隐藏空单元格的代码 $('table#yourTable tr').each(function(){ if($(this).children('td:empty').length === $(this).chil

我有一个两行表(label row和data row),其中填充了关于正在运行的服务的所有相关信息,但是,根据运行的测试,在任何给定的时间,大约有一半的单元格是空的

我正在寻找一个jquery语句,它将查找所有空单元格并将它们与该单元格的标签一起隐藏。我已经搜索了很多,找到了这个用来隐藏空单元格的代码

$('table#yourTable tr').each(function(){
  if($(this).children('td:empty').length === $(this).children('td').length){
    $(this).hide();
  }
});
但是,我的“空”单元格中填充了“,”而不是真正的空单元格。有没有办法隐藏单元格及其关联的标签单元格?

您可以使用
.filter()

您可以使用
.filter()


下面的代码将隐藏所有非空单元格及其标签单元格

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

下面的代码将隐藏所有非空单元格及其标签单元格

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

您可以迭代您的td,如果没有其他内容,则删除它们,因为当前找到的代码使用
empty
psuedo类,该类考虑元素中的任何文本,将其设置为非空。关于:empty psuedo类的更多信息:使用jQuery执行此操作的示例:您可以迭代您的td,如果没有其他内容,则删除它们,因为当前您找到的代码使用
empty
psuedo类,该类考虑元素中的任何文本,将其设置为非空。有关:empty psuedo类的更多信息,请参见:使用jQuery执行此操作的示例: