Question

我有一個HTML表格

<table class="mytable"> 
     <tr> 
      <td> 
      test value 
      </td> 
     <tr> 
    </table> 

上

 $(".mytable tr:first").append("<td id='scheduledInMyLearnStatus' class='changeFieldValue' style='background-color:#FE2E2E;'></td>"); 

現在載入的頁面動態地添加一個TD上點擊特定TD我想比較它是否已經backgroung顏色=＃FE2E2E 或具有其他任何

$('td').live('click', function() { 

     //compare here 
    }); 

Answer 1

你可以使用jQuery css()方法，請注意live()已被棄用，你可以使用on代替：

$(document).on('click', '#scheduledInMyLearnStatus', function(){ // or $('.mytable').on 
    if($(this).css('background-color') == "rgb(254, 46, 46)") { 
     // do something 
    } 
}) 

DEMO

Answer 2

我相信你可以只使用一個選擇：

$(document).on("click", ".changeFieldValue[style~='background-color']", function() { 
    // do something 
}); 

如果u需要確定的顏色，「背景色：RGB（200，122，122）」，而不是僅僅「背景色」。

Answer 3

你可以讓你的函數看起來像

$（ 'mytable的TD '）。住（' 點擊'，（）的函數 {

 bgColor= hexc($(this).css("background-color")); 
     if(bgColor.toUpperCase() == "#FE2E2E") 
     { 
      alert("Background color matched to '#FE2E2E'") 
     } 
     else 
     { 
      alert("Background color don't matched to '#FE2E2E'") 
     } 

    }); 

和認定中的hexc將

功能hexc（colorval）

{ 
    var color = ""; 
    var parts = colorval.match(/^rgb\((\d+),\s*(\d+),\s*(\d+)\)$/); 
    if(parts != null) 
    { 
     parts[0] = "#"; 
     for (var i = 1; i <= 3; ++i) 
     { 
      parts[i] = parseInt(parts[i]).toString(16); 
      if (parts[i].length == 1) parts[i] = '0' + parts[i]; 
     } 
     color = parts.join(''); 
    } 
    return color; 
}