javascript - 如何使用jQuery批量移除class?
高洛峰
高洛峰 2017-04-10 14:50:54
[JavaScript讨论组]

比如有:

test

如何一次性移除"class"开头所有的类样式?

高洛峰
高洛峰

拥有18年软件开发和IT教学经验。曾任多家上市公司技术总监、架构师、项目经理、高级软件工程师等职务。 网络人气名人讲师,...

全部回复(6)
迷茫

可以正则匹配一下,替换为空。

var classStr = $('a').attr('class').replace(/class-\d+ /g, '');
$('a').attr('class', classStr);

感谢 @KevinYue 提供更通用的版本:

$('a').attr('class', function (i, cls) { return cls.replace(/class-\d+ /g, ''); });
巴扎黑

removeClass('class-1 class-2 class-3 mod')

ringa_lee

$("a").attr("class", "") 直接改变属性试试

ringa_lee
  1. $('#testid').removeClass().addClass('mod');
  2. $('#testid').removeClass(function (i, v) {return v.replace('mod', '');});

都看错题了吗。。哈哈。

ringa_lee

因为jQuery的removeClass可以callback,所以我想到的是这样,期待高手有更好的方案!

javascript$('a').removeClass(function(index,className){
        var arr = className.split(/\s+/);
        for (var i = 0; i < arr.length; i++) {
            if(arr[i].indexOf('class-') === -1){
                arr.splice(i,1);
                i--;
            }
        };
        return arr.join(' ');
    });
巴扎黑
$('#testid').attr('class', '')
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送

Copyright 2014-2026 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号