javascript - 如何删除 javascript/jquery 中一个类的所有实例？

Question

我有一个名为 .m-active 的类，它在我的 HTML 中多次使用。

基本上我想做的是在用户点击图像(没有 m-active 类)时删除该类的所有实例，并将 m-active 类添加到该图像。

例如，在背景网格行中，您可能有如下的点击处理程序:

"click": function () {
    this.$el.addClass('m-active');
}

但是您还想从之前添加该类的任何行中删除该类，以便一次只有一行具有 .m-active 类

有谁知道如何在 javascript/jquery 中做到这一点？

Answer 1

使用 jQuery:

$('.m-active').removeClass('m-active');

解释:

• 调用 $('.m-active') 从文档中选择包含类 m-active 的所有元素
• 您在此选择器之后链接的任何内容都会应用于所有选定元素
• 使用 removeClass('m-active') 链接调用从所有选定元素中删除类 m-active

有关此特定方法的文档，请参阅:http://api.jquery.com/removeClass/

一开始要掌握 jQuery 的整个选择器是很有挑战性的，但是一旦掌握了它，您就会以截然不同的眼光看待一切。我鼓励您查看一些优秀的 jQuery 教程。我个人建议查看 Codeacademy 的 jQuery 轨道:http://www.codecademy.com/tracks/jquery