jquery - 通过类名(不是 ID)添加/删除类

标签 jquery jquery-selectors

我想知道如何使用 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');

    } 

最佳答案

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

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

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

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

关于jquery - 通过类名(不是 ID)添加/删除类,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/6051694/

相关文章:

javascript - 如何使用 jQuery 验证表单?

jquery - Bootstrap Datepicker - 设置默认选择器日期,不显示值

javascript - jQuery 克隆一个元素并更改子元素的属性以保持它们的唯一性

javascript - 什么是 'matchesSelector' ?

javascript - jQuery:检查具有特定类名的 div 是否存在

javascript - 如何将成功函数名称作为函数参数传递给 AJAX 调用?

JavaScript:为随机连接线着色

jquery - jQuery 的前同级选择器

javascript - jQuery - 严格的子层级选择

javascript - jQuery 选择器 : do not select input in div with given class