javascript - 使用 javascript 从元素中删除类名

Question

我从另一个 Stack Overflow 问题中找到了以下正则表达式:Change an element's class with JavaScript

并已在我的脚本的一部分中成功使用它，但在另一个脚本中似乎失败了。

我在 jsFiddle 上组合了一个非常简单的测试用例，但它也失败了:

http://jsfiddle.net/ew47Y/1/

HTML:

<div class="foo" id="foo">
    hello
</div>​

JS:

$(document).ready(function(){
     foo = document.getElementById('foo');
     foo.className += ' bar foobar';
     alert(foo.className);
     foo.className.replace( /(?:^|\s)bar(?!\S)/ , '' )
     alert(foo.className);
})​

Answer 1

这是因为 replace 实际上并没有修改您调用它的字符串；相反，它返回一个新字符串。所以:

     foo.className = foo.className.replace( /(?:^|\s)bar(?!\S)/ , '' )

(顺便说一句，您实际上不需要在原始 JavaScript 中执行此操作，因为 jQuery 对象提供了一个 removeClass 方法: http://api.jquery.com/removeClass/ 。因此您可以编写:

     $('#foo').removeClass('bar');

或者:

     $(foo).removeClass('bar');

)