jQuery addClass和removeClass onclick（）在fontawesome上不起作用

Question

我嘗試更改按鈕上的fontawesome圖標。 即按鈕在表格中

<tr>
<td> <a href="orders/view/5">#OID005</a></td>
<td> hfg</td>
<td> hhkh</td>
<td> 2015-09-26 16:31:49</td>
<td> 400</td>
<td><button id="#OID005" class="btn btn-info" onclick="work('#OID005','#OID005fa');">
<i id="#OID005fa" class="fa fa-files-o"></i> Take Order</button></td>
<tr>

這是那個的JS文件

function work(e,f){
    $(f).removeClass('fa-files-o');
    $(f).addClass('fa-spinner fa-pulse');
    $(e).prop('disabled',true);
    $('#damnit').slideToggle();
}

為什么不更改圖標？

Answer 1

刪除ID中的#

<button id="OID005" class="btn btn-info" onclick="work('OID005','OID005fa');">
     <i id="OID005fa" class="fa fa-files-o"></i> Take Order
</button>

然后像這樣改變你的work() ，

function work(e, f) {
            $("#"+f).removeClass('fa-files-o');
            $("#"+f).addClass('fa-spinner fa-pulse');
            $("#"+e).prop('disabled', true);
            $('#damnit').slideToggle();
        }