addClass/removeClass by Class Name(not 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>标签的子标签<p>标签中删除某些类，则如下所示：

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