单击事件以更改单元格背景

OnClick event to change cell background

本文关键字：单元格 背景 事件 单击      更新时间：2023-09-26

链接到JsFiddle

每次用户点击单元格时，我都需要更改单元格的背景色，但我无法让它工作！

这是我的脚本：

$( function() {
    $('.tk099 td').click( function() {
        $(this).toggleClass("red-cell");
    } );
} );

其中tk099是表的类，我不希望任何有类的td标记受到事件的影响。这可能吗？非常感谢！

您的选择器.tk099 td主持.red-cell，因为：

  • 它更具体
  • 它的声明晚于.red-cell（并且CSS级联）

稍后声明.red-cell，并使其与一样具体/更具体

.tk099 td {
    background-color:#EEEEEE; 
    text-align:center;
    border-bottom:1px solid #CCC;
    border-left:1px solid #CCC;    
}  
td.red-cell {
   background: #F00; /* Or some other color */
}

JSFiddle

将css更改为并应在默认css 之后声明

td.red-cell {
   background: #F00; /* Or some other color */
}
相关文章：