jquery循環遍歷行並添加背景顏色

Question

我正在循環瀏覽網格並查看最後一列以查看是否有任何文本。如果有，我想添加CSS背景顏色。我現在所擁有的東西似乎工作一點，但並不完全，因爲即使沒有任何文本，它也會添加背景顏色。有什麼能幫我解決這個問題嗎？

$('.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

使用此：

$('.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");  
     }); 

Answer 2

嘗試使用lastRow.length

if(lastRow.length > 0) 
    row.css("background-color", "red");  

http://www.w3schools.com/jS/js_obj_string.asp

Answer 3

嘗試：

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

Answer 4

試試這個（使用:empty選擇）：

$('.SelectRow').each(function(){ 
    var row = $(this).parents('tr:first'); 
    if (!row.children('td:eq(7):empty').length) { 
     row.css("background-color", "red"); 
    } 
});