如果特定單元格爲空，則顯示/隱藏表格行

Question

我在具有各種ID的頁面上有幾個表格。我在頁面上有一個複選框，每當複選框被選中時，我想每一行（在所有表中）都有一個空的td 4來隱藏。當複選框未選中時，我想再次顯示所有行。

我已經搜索了周圍堆棧溢出，我有一些代碼（只是想隱藏到目前爲止），但我無法得到它的工作。

$("#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