当使用 jQuery 单击不同的元素时，如何关闭上一个元素类？答案

【问题标题】：How do I toggle off previous class of element when a different element is clicked using jQuery?当使用 jQuery 单击不同的元素时，如何关闭上一个元素类？
【发布时间】：2016-01-27 04:20:35
【问题描述】：

在我的笔中，我使用 jQuery 在单击按钮时打开和关闭 css 类。

$('.btn-icon').on('click',function(){
    $(this).toggleClass('colorMe');
)};

当按下新按钮时，我将如何从已按下的按钮中删除该类？

重申一下，当我单击“越过菜单”按钮并单击子菜单按钮时，它会变成白色。我想让那个按钮在按下另一个按钮时变黑。 http://codepen.io/anon/pen/BjrPxe?editors=1111

【问题讨论】：

请说清楚一点？
@PraveenKumar 当您转到链接时单击其中一个按钮...当您单击另一个按钮时，两个按钮都是白色的，而不是第一个变回黑色的按钮

标签： jquery

【解决方案1】：

$(".colorMe").removeClass("colorMe");

在您现有的 toggleClass 行之前运行。

【讨论】：

$(this) 是触发事件的对象。如果您想从同级（或其他元素）中删除该类，您需要知道如何定位它。在这种情况下，我们肯定知道它有colorMe 类，所以我简单地编写了一个选择器来选择所有具有colorMe 类的元素并从中删除该类。如果再次单击同一个对象也应该删除该类，则您必须编写一个过滤器，以便在删除后不将 colorMe 类重新添加到 this。