OnClick事件更改单元格背景

Question

链接到JsFiddle

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

这是我的脚本:

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

其中tk099是表的类,我不希望任何td具有类的标记受事件影响.这可能吗？非常感谢!

Answer 1

你的选择器.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