blocks|key|1011620|text|可以使用循环索引生成类名。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1011621|classes+=+""
for(i=1;+i+<+7;+i%2B%2B)
+++classes+%2B=+'theme-'+%2B+i+%2B+"+";
$('body').removeClass(classes);|code-block|syntax|javascript|1011622|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

You can use the loop index to generate class names. 

<pre><code>classes = ""
for(i=1; i &lt; 7; i++)
 classes += 'theme-' + i + " ";
$('body').removeClass(classes);
</code></pre>

blocks|key|1011613|text|您可以将所有内容合并成一行：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1011614|$('body').removeClass('theme-1+theme-2+theme-3+theme-4+theme-5+theme-6');|code-block|syntax|javascript|1011615|或者使用一个循环，但是如果类是，则在1到6之间总是，那么这个循环就像是个人的过头了。|offset|length|style|BOLD|1011616|entityMap^0|0|0|F|A|0^^$0|@$1|2|3|4|5|6|7|O|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|P|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|Q|8|@$I|R|J|S|K|L]]|9|@]|A|$]]|$1|M|3|-4|5|6|7|T|8|@]|9|@]|A|$]]]|N|$]]

You could combine it all in to one line:

<pre><code>$('body').removeClass('theme-1 theme-2 theme-3 theme-4 theme-5 theme-6');
</code></pre>

Or use a loop, though if the classes are always between 1 and 6 the loop seems like overkill personally.

blocks|key|1098040|text|你可以在一个循环中清除它们，这至少有点干净。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1098041|entityMap^0|0^^$0|@$1|2|3|4|5|6|7|D|8|@]|9|@]|A|$]]|$1|B|3|-4|5|6|7|E|8|@]|9|@]|A|$]]]|C|$]]

You could clear them in a loop, which is, at least, a little cleaner.

blocks|key|1011672|text|如果您不知道其中可能有多少，则应该使用regex：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1011673|document.body.className+=+document.body.className.replace(/(%5E%7C+)theme-\d%2B(+%7C$)/g,+'+');|code-block|syntax|javascript|1011674|1011675|如果您希望停留在jQuery+API中，请使用以下命令：|1011676|$('body').attr('class',+function+(i,+className)+{
++++return+className.replace(/(%5E%7C+)theme-\d%2B(+%7C$)/g,+'+');
});|1011677|1011678|如果您在body上没有任何其他类，您可以一举将它们全部删除：|offset|length|style|CODE|1011679|$('body').removeClass();|1011680|entityMap^0|0|0|0|0|0|0|4|4|0|0^^$0|@$1|2|3|4|5|6|7|W|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|X|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|Y|8|@]|9|@]|A|$]]|$1|H|3|I|5|6|7|Z|8|@]|9|@]|A|$]]|$1|J|3|K|5|D|7|10|8|@]|9|@]|A|$E|F]]|$1|L|3|-4|5|6|7|11|8|@]|9|@]|A|$]]|$1|M|3|N|5|6|7|12|8|@$O|13|P|14|Q|R]]|9|@]|A|$]]|$1|S|3|T|5|D|7|15|8|@]|9|@]|A|$E|F]]|$1|U|3|-4|5|6|7|16|8|@]|9|@]|A|$]]]|V|$]]

If you don't know how many of those you might have, you should use a regex:

<pre><code>document.body.className = document.body.className.replace(/(^| )theme-\d+( |$)/g, ' ');
</code></pre>

<hr>

If you want to stay within the jQuery API, use this:

<pre><code>$('body').attr('class', function (i, className) {
 return className.replace(/(^| )theme-\d+( |$)/g, ' ');
});
</code></pre>

<hr>

If you don't have any other classes on the <code>body</code>, you can remove them all in one fell swoop:

<pre><code>$('body').removeClass();
</code></pre>

blocks|key|1098173|text|回答posted+here。来自Pat的代码如下：|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|1098174|$('body')[0].className.replace(/\theme-.*?\b/g,+'');|code-block|syntax|javascript|1098175|但Prestaul给出的这个答案看起来也不错。使用此功能：|1098176|function+removeClassByPrefix(el,+prefix)+{
++++var+regx+=+new+RegExp('\\b'+%2B+prefix+%2B+'.*?\\b',+'g');
++++el.className+=+el.className.replace(regx,+'');
++++return+el;
}|1098177|entityMap|0|LINK|mutability|MUTABLE|url|https://stackoverflow.com/questions/57812/remove-all-classes-that-begin-with-a-certain-string^0|G|3|2|B|0|0|0|1|8|0|0^^$0|@$1|2|3|4|5|6|7|W|8|@$9|X|A|Y|B|C]]|D|@$9|Z|A|10|1|11]]|E|$]]|$1|F|3|G|5|H|7|12|8|@]|D|@]|E|$I|J]]|$1|K|3|L|5|6|7|13|8|@$9|14|A|15|B|C]]|D|@]|E|$]]|$1|M|3|N|5|H|7|16|8|@]|D|@]|E|$I|J]]|$1|O|3|-4|5|6|7|17|8|@]|D|@]|E|$]]]|P|$Q|$5|R|S|T|E|$U|V]]]]

Answer <a href="https://stackoverflow.com/questions/57812/remove-all-classes-that-begin-with-a-certain-string">posted here</a>. The code from <code>Pat</code> is as follows:

<pre><code>$('body')[0].className.replace(/\theme-.*?\b/g, '');
</code></pre>

But this answer from <code>Prestaul</code> looks good as well. Use this function:

<pre><code>function removeClassByPrefix(el, prefix) {
 var regx = new RegExp('\\b' + prefix + '.*?\\b', 'g');
 el.className = el.className.replace(regx, '');
 return el;
}
</code></pre>

blocks|key|1300643|text|$('body').removeClass('theme-1+theme-2+theme-3+theme-4+theme-5+theme-6');|type|code-block|depth|inlineStyleRanges|entityRanges|data|syntax|javascript|1300644|http://jsfiddle.net/Yms5M/|unstyled|offset|length|1300645|entityMap|0|LINK|mutability|MUTABLE|url^0|0|0|Q|0|0^^$0|@$1|2|3|4|5|6|7|P|8|@]|9|@]|A|$B|C]]|$1|D|3|E|5|F|7|Q|8|@]|9|@$G|R|H|S|1|T]]|A|$]]|$1|I|3|-4|5|F|7|U|8|@]|9|@]|A|$]]]|J|$K|$5|L|M|N|A|$O|E]]]]

<pre><code>$('body').removeClass('theme-1 theme-2 theme-3 theme-4 theme-5 theme-6');
</code></pre>

<a href="http://jsfiddle.net/Yms5M/" rel="nofollow">http://jsfiddle.net/Yms5M/</a>

<blockquote>
 Possible Duplicate: 
 <a href="https://stackoverflow.com/questions/57812/remove-all-classes-that-begin-with-a-certain-string">Remove all classes that begin with a certain string</a> 
</blockquote>



I have a script which adds one of six classes randomly to the body. The classes are numbered between 1 and 6, like this:

<code>theme-1</code> to <code>theme-6</code>.

I need a clean way to remove all of them. Right now I have this:

<pre><code>$('body').removeClass('theme-1');
$('body').removeClass('theme-2');
$('body').removeClass('theme-3');
$('body').removeClass('theme-4');
$('body').removeClass('theme-5');
$('body').removeClass('theme-6');
</code></pre>

But it's kind of clunky right? Is there a way I can say "remove any classes between <code>theme-1</code> to <code>theme-6</code>"?

Javascript / jQuery: How do I remove a range of numbered classes?

翻译质量差，导致语言生硬或混乱。

没有提供实际的解决方法或示例。

解答不清晰，无法理解或解决问题。

页面排版不美观，阅读体验差。

文章

问答

视频

学习中心

腾讯云实验室

直播

竞赛

腾讯云代码分析专区

腾讯iOA零信任安全管理系统专区

腾讯云架构师技术同盟交流圈

腾讯云数据库专区

腾讯云顾问专区

腾讯云原生专区

腾讯混元专区

腾讯云TCE专区

腾讯云Lighthouse专区

腾讯云HAI专区

腾讯云Edgeone专区

腾讯云存储专区

腾讯云智能专区

腾讯轻联专区 

腾讯云开发专区

TAPD专区

腾讯轻量云游戏服专区

腾讯云最具价值专家

腾讯云架构师技术同盟

腾讯云创作之星

腾讯云开发者先锋

腾讯云代码助手

云原生构建

TAPD 敏捷项目管理

Cloud Studio

SDK中心

API中心

命令行工具

涵盖代码开发、场景应用、自动测试全流程，助你从零构建专属AI助手

一站式MCP教程库，解锁AI应用新玩法

可能重复：我有一个脚本，它把六个类中的一个随机添加到身体上。类编号在1到6之间，如下所示：theme-1到theme-6。我需要一个干净的方法把它们全部移除。现在我有一个：$('body').removeClass('theme-1');$('body').removeClass('theme-2');$('body').removeClass('theme-3');$('body').remov

问Javascript / jQuery:如何删除一系列编号的类？
EN

回答 6

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问Javascript / jQuery:如何删除一系列编号的类？EN

回答 6

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问Javascript / jQuery:如何删除一系列编号的类？
EN