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();
        }

Jquery addClass和removeClass onclick（）无法在fontawesome

1 个答案: