Question

我有一个简单的div，其中包含各种类的属性：

<div id="divId" class="anInformationIWantToGet aClassUsedForCss"></div>

我想以编程方式获取变化的anInformationIWantToGet类，问题应该很容易，因为其他类是已知的，所以像下面这样的正则表达式应该可以完成这项工作：

var anInformationIWantToGet  = div.className.replace(/(\s*(aClassUsedForCss)?\s*)/, '');

但它不起作用，我不明白为什么......我错过了什么？

我创建了一个Fiddle来测试问题。

PS：我的浏览器是Firefox17。

Answer 1

试试这个在代码下面改变你

var anInformationIWantToGet  = div.className.replace(/(\s*(aClassUsedForCss)?\s*)/, '');

要

var anInformationIWantToGet  = div.className.replace(/(\s*(aClassUsedForCss)?\s*)/g, '');

把g放在正则表达式中。

正在更新fiddle

要求更多，如果以上不工作/理解。

Answer 2

/(\s*(aClassUsedForCss)?\s*)/
                       ^

您已经创建了可选的类名，因此第一个匹配将是字符串开头的0或更多空格。

删除?和/或将其设为全局正则表达式（通过附加g）。

Answer 3

这将有效

FiddleChanged

function replaceClass(){
    /* Should not output 'hover' */
   var reqdClasName = div.className.match(/(\S*)\s*hover\s*/)[1];
   div.className.replace(reqdClasName, '');
   result.innerHTML = reqdClasName;   
}

哎呀我错过了替换部分。我已经更新了

UpdatedFiddle

Answer 4

请注意更换空白区域。试试this example。

var anInformationIWantToGet  = div.className.replace(/(\s*(?:aClassUsedForCss)\s*)/, ' ').trim();

Correct example

Answer 5

我们也会通过添加我们需要的类来更改它，并像这样删除剩余的类。

$("#myDiv").attr("class","aClassUsedForCss");

FIDDLE DEMO

如何用JavaScript Regex替换className部分？

5 个答案: