JQuery вызывает клик на основе свойств CSS

Question

У меня есть такая таблица:

<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>

Как вызвать функцию щелчка, если я знаю только свойства цвета фона CSS?

Мне понадобится такая функция JQuery (псевдокод):

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();

Или, если это встроенный стиль:

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

Но вы действительно должны дать этим элементам класс CSS, который влияет на их цвет:

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

Затем выберите это так:

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

Answer 2

Нет эффективного способа сделать это, но вы можете выбрать все и уменьшить набор вручную следующим образом:

$( '*' ).filter( function( index ) {
    return $( this ).css( 'background-color' ) == '#0000ff';
} ).click();

Answer 3

Дайте им еще один класс, например bg-red, bg-blue, тогда вы можете использовать $('.col').hasClass('bg-red')