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

Question

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

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

例如，在 Backgrid 行中，您可能有一个点击处理程序，如下所示：

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

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

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

score 59 · Accepted Answer

使用 jQuery：

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

解释：

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

开始使用 jQuery 掌握整个选择器是很有挑战性的，但是一旦你掌握了它，你就会以非常不同的眼光看待一切。我鼓励你看看一些好的 jQuery 教程。我个人建议查看 Codeacademy 的 jQuery 曲目： http: //www.codecademy.com/tracks/jquery

score 8 · Accepted Answer

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

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

score 1 · Accepted Answer

在纯 JavaScript（无 jquery）中：

for (elem of document.getElementsByClassName("m-active")) {
    elem.classList.remove("m-active");
}

score 0 · Accepted Answer

jQuery-：

$("class").removeClass("your class");

javascript-: 当你想在 javascript 中删除类时，将类名设置为空！！！

document.getElementById("your id").className = "";

或者

element.classList.remove("class name");

score 0 · Accepted Answer

具体解决添加的代码块以增强问题的质量，并借鉴 jsalonen：

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

5 回答 5