使用 jQuery 按顺序添加和删除类

Posted 2023-03-12

【中文标题】使用 jQuery 按顺序添加和删除类

【英文标题】：add and remove classes in order with jQuery

【发布时间】：2013-01-23 14:07:37

【问题描述】：

我想说的是，如果我的 div 没有活动的类，请添加它。如果它确实激活了该类，请将其删除。

我有以下，只有我的代码添加类，然后继续查询并在最后删除它，最好的解决方案是什么，2个单独的点击功能？

$('.work-showcase').click(function()
    if ( !$(this).hasClass('active') )
        $(this).addClass('active');
     else 
        $(this).removeClass('active');
    ;
);

【问题讨论】：

我在您的问题中看到您希望对.work-showcase 点击事件产生“切换”效果。 @VisioN 答案对我来说似乎是最好的。如果您想让课程在多次点击时保持活动状态，您需要两个按钮并将逻辑分开，如@AbhijitPandya 所说

【参考方案1】：

使用toggleClass方法：

$(".work-showcase").click(function() 
    $(this).toggleClass("active");
)

【讨论】：

无论如何我添加类，当函数继续它会再次删除它不是吗？

对不起，我认为我没有足够清楚地解释我的目标@vision，我更新问题了

@Liam 当前示例在点击事件时切换类。

【参考方案2】：

$("#YourID").removeClass('ClassName'); $("#YourID").addClass('ClassName');