Question

我在一个页面上有几个表，其中包含各种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/

Answer 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

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

1 个答案: