按类名(不是ID)添加类/ removeClass

时间:2011-05-18 22:17:11

标签: jquery jquery-selectors

我想知道如何使用jquery按类名删除Class。我知道如何通过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');

    } 

2 个答案:

答案 0 :(得分:5)

您是否尝试使用ButtonStyleClicked类查找要从中删除该类的元素?

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

(如果您需要将类名存储在变量中:)

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

答案 1 :(得分:0)

我会说你可以使用选择器。我们说

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

您可以根据需要使用尽可能多的选择器项和组合。例如;如果您只想从<p>标记中移除某个类,该标记是ID为“myDiv”的<div>标记的子标记,则类似于:

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