嗨,我有一个li元素,它将有一些与此相关的声明
<li class="module ui-helper-fix">
Run Code Online (Sandbox Code Playgroud)
我可以通过添加类(通过DB调用动态提供)来动态更改模块的颜色,最终结果是
<li class="module ui-helper-fix module-green">
Run Code Online (Sandbox Code Playgroud)
要么
<li class="module ui-helper-fix module-default">
Run Code Online (Sandbox Code Playgroud)
我可以通过添加一个新的模块-WANATEVER类来改变颜色,但是我想要做的是删除任何匹配module-XXXX的类,所以它从一个干净的平板开始,然后添加类module-crimson.
那么如何首先删除所有与module-xxx匹配的类?请记住,我不想删除基本模块类.
编辑:
我基本上需要在任何模块类上执行干净扫描的方法:
执行前
<li class="module ui-helper-fix module-default">
Run Code Online (Sandbox Code Playgroud)
清扫后
<li class="module ui-helper-fix">
Run Code Online (Sandbox Code Playgroud)
然后添加类和最终结果
<li class="module ui-helper-fix module-green">
Run Code Online (Sandbox Code Playgroud)
谢谢.
-Seth
更新
演示: http ://jsbin.com/onoxa/7
演示2: http ://jsbin.com/onoxa/8
$(function() {
$("li").each(function(e) {
var classes = this.className.replace(/module-\w+/gi, '' );
$(this).attr('class', classes);
});
});?
Run Code Online (Sandbox Code Playgroud)
$("li").each(function(e) {
var classes = this.className.replace(/module-\w+/gi, '');
$(this).attr('class', classes + ' module-green');
});
Run Code Online (Sandbox Code Playgroud)
输出这个:
<li class="module ui-helper-fix">
Run Code Online (Sandbox Code Playgroud)