通过类名（不是 ID）添加/删除类

Question

我想知道如何使用 jquery 按类名删除类。我知道如何通过 ID 进行操作。我正在尝试这样做：

var ButtonNumber = document.querySelectorAll(".ButtonStyleClicked");

for (var i = 0; i < ButtonNumber.length; i++) {
     var ClassName = ButtonNumber[i];
     $('.' + ClassName).removeClass('ButtonStyleClicked');

    } 

按 ID 删除类的工作原理如下：

var ID = document.getElementById(Whatever);

$('#' + ID).removeClass('ButtonStyleClicked');

解决了问题：

querySelectorAll 正在返回 DIV 元素。所以我将结果粘贴到删除类中并且有效：

var ButtonNumber = document.querySelectorAll(".ButtonStyleClicked");

for (var i = 0; i < ButtonNumber.length; i++) {
     var ClassName = ButtonNumber[i];
     $(ClassName).removeClass('ButtonStyleClicked');

    } 

Answer 1

您是否正在尝试查找具有 ButtonStyleClicked 类的元素以从中删除该类？

$('.ButtonStyleClicked').removeClass('ButtonStyleClicked');

（如果需要将类名存储在变量中：）

var className = 'ButtonStyleClicked';
$('.' + className).removeClass(className);

Answer 2

我想说你可以使用任何选择器。假设

var className = "myClass";
$("."+className).removeClass(className);

您可以根据需要使用任意数量的选择器项目和组合。例如;如果您只想从 id 为“myDiv”的

标记的子级

标记中删除某些类，那么它会是这样的：

$("div#myDiv p."+className).removeClass(className);