javascript - 更改单元格背景的 OnClick 事件

Question

链接到 JsFiddle

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

这是我的脚本:

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

其中 tk099 是表的类，我不希望任何具有类的 td 标记受事件影响。这可能吗？多谢!

Answer 1

您的选择器 .tk099 td 优先于 .red-cell 因为:

• 更具体
• 声明晚于 .red-cell(和 CSS cascades)

稍后声明 .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