Question

I have a table like this:

<table id="myTable"><tr>
  <td class="col" style="background-color:red" onclick="funct1()"></td>
  <td class="col" style="background-color:blue" onclick="funct2()"><td>
</tr></table>

How can I invoke click function if I know only css background-color properties?

I would need a JQuery function like this (pseudo-code):

if ('$(#myTable > col ) have background-color = "blue" '){
  $(col with background-color blue).click();
}

Answer 1

 $('myTabel > .col').filter(function(){
      return $(this).css('background-color') == 'blue'
 }).click();

Or if it’s inline style:

 $('myTabel > .col[style="background-color:blue"]').click();

But you really should give those elements a css class which effect their color:

<table id="myTable"><tr>
  <td class="col red"  onclick="funct1()"></td>
  <td class="col blue" onclick="funct2()"><td>
</tr></table>

Then select it like that:

$('#myTable >.col.blue').click();