如果兩列中的任何一列都爲空，則隱藏表格行

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