如果两列中的任何一列都为空，则隐藏表格行

Question

有一个2列表，其中每列包含另一个包含一些数据的表格，我试图做的是在两列都为空时隐藏整行..任何人可以分享一些关于它的输入..

http://jsfiddle.net/m38uL/

在此先感谢

Answer 1

w ^帽子你就已经是接近的工作，但你在if声明中有一个错误：

if ($(this).find('.firstTab').text() == '' && (this).find('.secondTab').text() == '') 

通知失踪在第二个状态$。如果.firstTab和.secondTab元素中有空白，它也会失败。就个人而言，我会写的代码略有不同，采用filter方法，并在.trim内容的开头或结尾，以消除任何空白：

$(".parentRow > td").filter(function() { 
     return $.trim($(this).find(".firstTab").text) == "" && $.trim($(this).find(".secondTab").text()) == ""; 
}).remove(); 

下面是上面代码的live example。

Answer 2

怎么是这样的：

// loop through each row... 
$('.parentRow').each(function() {  
    var rowEmpty = true; 

    // check each cell in the row to see if it's got anything in it 
    $($this).find('td').each(function(){ 
     if($(this).html() != "") 
     { 
      rowEmpty = false; 
     } 
    }); 

    // if the row was empty, hide it 
    if(rowEmpty) 
    { 
    $(this).hide(); 
    } 
}); 

Answer 3

$(function() { 
    $('.parentRow').each(function() { 
    if ($(".firstTab", this).text() === '' && $('.secondTab', this).text() === '') 
    { 
     $(this).hide(); 
    } 
    }); 
});