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

Question

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

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

我只想删除同时包含email-user的任何类名的.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');