jquery - 删除类(class)-无法定位正确的类(class)

我创建了一个Jquery添加和删除类函数。在我的网页Click here上，这将用于多个项目。

到目前为止，我已经创建了一个效果很好的addclass按钮，但是使用remove class函数似乎不成功。下面是我的代码片段

$('.active-btn').click(function(e){
            e.preventDefault();
             $(this).closest('.card')
                .addClass('flipped').mouseleave(function(){
                 $(this).removeClass('flipped');
                })
            });
            return false;

谢谢

最佳答案

您可以使用toggleClass

$('.active-btn').click(function(e){
    e.preventDefault();
    $(this).closest('.card').toggleClass('flipped');
});

编辑：See fiddle with multiple elements

编辑2：因此，要在单击某张卡片时向后翻转其他卡片，必须删除所有.flipped类别（当前单击除外），然后再翻转卡片，如下所示：

$('.active-btn').click(function(e){
    e.preventDefault();
    $card = $(this).closest('.card');
    $('.flipped').not($card).removeClass('flipped');
    $card.toggleClass('flipped');
});

See demo