JQuery基于CSS属性调用点击

JQuery invoke click based on CSS properties

本文关键字：调用 属性 基于 CSS JQuery      更新时间：2023-09-26

我有一个这样的表：

<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背景颜色属性，我如何调用click函数？

我需要这样的JQuery函数（伪代码）：

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

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

给它们另一个类，如bg-red、bg-blue，则可以使用$('.col').hasClass('bg-red')

没有有效的方法可以做到这一点，但您可以选择所有内容并手动减少设置，如下所示：

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