如何删除 .class1、.class2、... 或 classN？

Question

我们有这个类名

.lightbox620
.lightbox400
..
.lightbox200

，我们应用于正文页面，它决定了它的宽度...

所以我需要删除这个类，

我如何 $('body').removeClass('ligbox{any}')< /代码> ???

Answer 1

如果这是您设置为 的唯一类，则删除所有类。

$("body").removeClass();

// or
document.body.className = "";

如果不是，请采用普通 DOM 方式，使用正则表达式将类名从字符串中去除。

document.body.className = document.body.className.replace(/\blightbox\d+/, "");

这里 jQuery 的方式有点复杂：

$("body").removeClass(function (index, oldClass) {
   var matches = oldClass.match(/\blightbox\d+/) || [];
   return matches[0];
});