javascript - 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');