如果特定单元格为空，则显示/隐藏表格行答案

【问题标题】：Show/hide table row if specific cell is empty如果特定单元格为空，则显示/隐藏表格行
【发布时间】：2014-09-06 00:10:36
【问题描述】：

我在一个页面上有几个表，它们具有不同的 ID。我在页面上有一个复选框，只要选中复选框，我都希望每一个行（在所有表中都在所有表中），以隐藏空TD 4。当复选框未选中时，我想再次显示所有行。

我在 Stack Overflow 上搜索了一些代码（目前只是试图隐藏），但我无法让它工作。

$("#checkbox").change(function() {
    $("table tr").each(function() {        
       var cell = $.trim($(this).find("td:eq(4)").text());
       if (cell.length == 0) {
         $(this).addClass("nodisplay");
       }                   
    });
});

编辑：这是一个 jsfiddle - http://jsfiddle.net/6bfjw/

【问题讨论】：

你能为此做一个 jsfiddle 吗？
将 jsfiddle 添加到 OP。

标签： jquery html-table row hide

【解决方案1】：

你刚刚好。

我只实现了问题的隐藏部分。剩下的就交给你了。

问题：选择标题或th。

解决方案：使用tbody 选择。

你的工作代码应该是这样的：

$("#checkbox").change(function(){
    $("table tbody tr").each(function() {        
        var cell = $.trim($(this).find("td:eq(4)").text());
        if (cell.length == 0){
            console.log("empty");
            $(this).addClass("nodisplay");
        }                   
    });
});

DEMO

【讨论】：