jquery - Jquery で 5 つの空の TD をクリアする

Question

動的テーブルがいっぱいになりましたが、このようにすべきではないことはわかっていますが、連続して 5 つの空の TD を見つけて非表示にするにはどうすればよいでしょうか? したがって、行に 5 つの空の TD が含まれている場合、TD は表示されません。

<td></td><td></td><td></td><td></td><td></td>DOM 内の のすべてのインスタンスを削除したい。最初だけではありません。

すべての空の TD ではなく、5 つの空の 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()

---

slice最初の 5 つの空の td 要素のみを削除する場合は、メソッドを使用できます。

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