删除所有匹配类中的jQuery

Question

您好我有一个会沿此线的东西的声明

<li class="module ui-helper-fix"> 

而且我可以动态地加入对类改变模块的颜色的li元素（这被动态地通过DB的呼叫提供的）的最终结果是

<li class="module ui-helper-fix module-green"> 

或

<li class="module ui-helper-fix module-default"> 

嗯，我很好地通过添加一个新的模块 - WHATEVER类来改变颜色，但我想要做的是删除任何匹配模块-XXXX的类，因此它以一个干净的石板开始，然后添加在类模块 - 深红色。

那么如何删除所有匹配module-xxx的类呢？请记住，我不想删除基本模块类。

编辑：

基本上，我需要的任何模块 - 类做了一网打尽的方法：

执行前

<li class="module ui-helper-fix module-default"> 

清洁后扫

<li class="module ui-helper-fix"> 

然后添加分类和最终结果

<li class="module ui-helper-fix module-green"> 

谢谢。

-Seth

Answer 1

修订

DEMO：http://jsbin.com/onoxa/7

DEMO 2：http://jsbin.com/onoxa/8

$(function() { 
    $("li").each(function(e) {  
    var classes = this.className.replace(/module-\w+/gi, ''); 
     $(this).attr('class', classes); 
    }); 
});​ 

---

$("li").each(function(e) { 
    var classes = this.className.replace(/module-\w+/gi, ''); 
    $(this).attr('class', classes + ' module-green'); 

}); 

输出中的：

<li class="module ui-helper-fix"> 

Answer 2

使用此：

var newClass = "module-green"; 
$("li").attr("class","module ui-helper-fix").addClass(newClass); 

Answer 3

function changeModule(selector, module_name) { 
    var that = selector; 
    var classes = $(selector).attr('class').split(' '); 
    $.each(classes, function(index, thisClass){ 
     if (thisClass.indexOf('module-') !== -1) { 
      $(that).removeClass(classes[index]) 
     } 
    }); 
    $(that).addClass(module_name); 
} 

jQuery(document).ready(function(){ 
    $('li').click(function(){ 
     changeModule(this, 'module-green'); 
    }) 
}); 

Answer 4

或许这只是一个古老的职位，但因为jQuery的1。4，你可以提供一个matching function to .removeClass()

例子：http://jsfiddle.net/drzaus/MJdRy/

$('.module') 
    .removeClass(function(i,c) { 
     return c.match(/module-\w+/gi).join(' '); 
    }) 
    .addClass('module-green'); 

基于answer here

它看起来比accepted answer笨重，但它的 “jQuery的方式”。