jquery - addClass 无法正常工作

Question

这是我的代码。我想使用 addClass 切换类，出于某些原因我不想使用 toggleClass。我面临的问题是添加了名为 selected 的 css 类，但它没有被 not_selected 替换。isSelected=0 仅表示 td 是否被选中。

<script type="text/javascript"> 


var isSelected = 0;

$("td").click(function(){
    if(isSelected==0)
    {
        $(this).removeClass('not_selected');
        $(this).addClass('selected');
        isSelected=1;
    }

});

$("td").click(function(){
    if(isSelected==1)
    {
        $(this).removeClass('selected');
        $(this).addClass('not_selected');
        isSelected=0;
    }
});

下面是我的 css 代码:

.selected
{
    background: black;
    color:white;
    font-weight: bold;
}

.not_selected
{
    background: white;
    color:black;
    font-weight: normal;
}

Answer 1

尝试将两者压缩成一个函数。 可能 保证(感谢 Barmar!)一个处理程序先于另一个处理程序运行，然后自动将其切换回不需要的处理程序。这样一来，它将检查 isSelected==0 和 isSelected==1。

$("td").click(function(){
    if(isSelected==0)
    {
        $(this).removeClass('not_selected');
        $(this).addClass('selected');
        isSelected=1;
    } else if(isSelected==1)
    {
        $(this).removeClass('selected');
        $(this).addClass('not_selected');
        isSelected=0;
    }
});