Question

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

到目前为止，我已经创建了一个运行良好的addclass按钮，但是我似乎对remove类函数没有成功。以下是我的代码片段

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

感谢

Answer 1

您可以使用toggleClass

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

编辑：See fiddle with multiple elements

编辑2 ：因此，要在点击其中一张卡时将其翻转，您必须删除所有.flipped类（当前点击除外），然后翻转您的卡片，如下所示：< / p>

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

See demo

Answer 2

尝试：demo

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

Answer 3

将$(this)的值存储在变量中并使用它。

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

删除类 - 无法定位正确的类

3 个答案: