Скрытие строк таблицы, если любой из двух столбцов пуст

Question

Иметь таблицу с двумя столбцами, где каждый столбец состоит из другой таблицы с некоторыми данными, и я пытаюсь скрыть всю строку, если оба столбца пусты ... Кто-нибудь может поделиться с ней некоторыми входными данными?

http://jsfiddle.net/m38uL/

Заранее спасибо

Answer 1

То, что у вас уже было близко к работе, но у вас была ошибка в вашем 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();

Вот живой пример приведенного выше кода.

Answer 2

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

Answer 3

Как насчет этого:

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