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

Answer 2

将css更改为，应在默认的css

之后声明

td.red-cell {
   background: #F00; /* Or some other color */
}

OnClick事件更改单元格背景

2 个答案: