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