如何在添加 class 后取消选择 div

Question

请看：

https://jsfiddle.net/villete/0yf0nucj/

$(document).ready(function(){            
    $('.block').click(function() {
        $(".block.blockActive").removeClass("blockActive");
        $(this).addClass('blockActive');
    });
});

如何取消选择 蓝色 div，以便再选择 div 中的 none？我想我需要一个开关，但我不知道如何实现它。

谢谢 :-)

Answer 1

好的， 我想我找到了解决方案。

    if (!$(this).hasClass('blockActive')) {
        $('.block').removeClass('blockActive');
        $(this).addClass('blockActive');
    } else {
        $(this).removeClass('blockActive');
    }

https://jsfiddle.net/0yf0nucj/8/

找到了 here

Answer 2

我认为 toggleClass("blockActive") 是您要搜索的内容。