如何在javascript/jquery中删除类的所有实例？

Question

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

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

例如,在Backgrid行中,您可能有一个单击处理程序,如下所示:

"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

Answer 2

所有答案都指向从DOM元素中删除该类.但是如果要求删除元素本身,可以使用.remove()jquery方法

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

JQuery删除文档