javascript - 如何使用 jquery 删除特定的 CSS 类？

Question

我正在尝试为仅在类名中包含额外参数的项目删除 btn 类，如下所示：

<input type="button" class="btn btn-mini btn-success email-user" id="emailid5" value="Email Tester">

我只想删除任何还包含电子邮件用户的类名的 .btn 类。

我目前的尝试失败了：

$('.btn email-user').remove();

知道我错过了什么吗？

Answer 1

$.fn.removeClass应该可以解决问题。您首先选择元素，然后使用removeClass方法删除 css 类。

var $el = $(".btn.email-user");
$el.removeClass("btn");

Answer 2

使用removeClass

$('.btn.email-user').removeClass('btn');

Answer 3

你也可以在没有 jquery 的情况下用普通的 javascript 来做

var c=document.getElementsByClassName("email-user")
var pos=-1;
for (i=0;i<c.length;i++){
    pos=c[i].className.indexOf("btn")
    if (pos!=-1){
    alert("old classname is "+c[i].className)
        c[i].setAttribute("class",
            ((pos==0) ? "" : c[i].className.substring(0,pos)) + 
            c[i].className.substring(pos+3,c[i].className.length))
    alert("new classname is "+c[i].className)
    }
}

Answer 4

jQuery('#emailid5').removeClass('btn');