Question

I’m looping through my grid and looking at the last column to see if there are any text. If there are, I want to add css background color. What I have right now seems to work a bit but not fully because it’s adding a background color even if there is/isnt any text. Can any help me resolve this?

$('.SelectRow').each(function(){
            var row = $(this).parents('tr:first');
            var lastRow = row.children('td:eq(7)').text();
            alert(lastRow);

            if(lastRow != " ") 
                row.css("background-color", "red");    
        }); 

Answer 1

Use this:

$('.SelectRow').each(function(){
            var row = $(this).parents('tr:first');
            var lastRow = row.children('td:eq(7)').text();
            alert(lastRow);

            if($.trim(lastRow) != "") 
                row.css("background-color", "red");    
        });