按类名添加/删除addClass/removeClass（而非ID）

Question

我想知道如何使用jquery按类名删除removeClass。我知道如何通过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元素。因此，我将结果直接放入remove类中，这样就可以解决问题了：

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

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

    } 

- Derek

Answer 1

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

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

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

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

- BoltClock

---

我找到了问题并更新了我的问题。谢谢你的帮助。 - Derek

Answer 2

我认为您可以使用任何选择器。假设...

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

您可以使用尽可能多的选择器项和组合。例如，如果您只想从具有id为“myDiv”的<div>标签的子级中删除某些类别，则可以这样做：

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

- ecruz