Question

Have a 2 columned table, where each column consists of another table with some data, what I am trying to do is to hide the entire row if both of the columns are empty.. can anybody share some inputs on it..

http://jsfiddle.net/m38uL/

Thanks in advance

Answer 1

What you had already was close to working, but you had an error in your if statement:

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

Notice the missing $ in the second condition. It also would fail if there was white space in the .firstTab and .secondTab elements. Personally, I would write the code slightly differently, using the filter method, and .trim to remove any white space at the start or end of the content:

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

Here’s a live example of the above code.