jquery - 使用 Jquery 清除 5 个空 TD

Question

我有一个动态表正在填充，我知道我不应该这样做，但是你将如何连续找到 5 个空的 TD 并隐藏它们？因此，如果行包含 5 个空 TD，则不显示 TD。

我想删除<td></td><td></td><td></td><td></td><td></td>DOM 中的每个实例。不只是第一个。

我只希望 5 个空 TD 消失，而不是所有空 TD

Answer 1

您可以使用:empty选择器：

$('#yourtable tr td').filter(':empty').hide();

如果要删除tr具有 5 个空td元素的元素，可以使用filter方法：

$('#yourtable tr').filter(function(){
   return $(this).find('td:empty').length === 5
}).remove()

---

如果只想删除前 5 个空 td 元素，可以使用slice方法：

$('#yourtable tr td').filter(':empty').slice(0, 5).remove();

Answer 2

以下是我如何解决这个奇怪的请求：http: //jsfiddle.net/5ZGgx/

$(function()
{  
    $("table tr").each(function()
    {
        var emptyCells = $(this).find("td").filter(function()
        {
            return $.trim($(this).text()).length === 0;
        });

        if(emptyCells.length === 5)
        {
            emptyCells.hide();                
        }
    });
})​;

Answer 3

// Grab every row in your table
$('table#yourTable tr').each(function(){
  if($(this).children('td:empty').length === $(this).children('td').length){
    $(this).remove(); // or $(this).hide();
  }
});