Question

i have a html table

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

on loading the page dynamically adding a td

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

now on clicking the that particular td i want to compare whether its has backgroung color =#FE2E2E
or has anything else

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

       //compare here 
    });

Answer 1

You can use jQuery css() method, please note that live() is deprecated you can use on instead:

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

DEMO