添加了图标外观的图像

Question

我想在点击时更改字体真棒图标

javascript：

$('#refineResult').click(function(){
        if($(this).children('i').attr('class') == 'fa fa-plus-square-o'){
            $(this).children('i').removeClass('f').addClass('fa-minus-square-o');
        } else {
            $(this).children('i').removeClass('fa-minus-square-o').addClass('fa-plus-square-o');
        }
    });

HTML：

 <div class="row orange-line">
        <a data-toggle="collapse" data-parent="#accordion"
            href="#selectcountry"><div class="col-md-12 lblHeading" >
            <table>
            <tr>
            <td style="width:280px;">Select Location</td>
            <td class="text-right">
                <i class="fa fa-plus-square-o"></i>
            </td>
            </tr>
            </table></div></a>
</div>

当我单击行（不仅是图标）时，下拉 div 将展开并且图标变为减号。 希望你能理解我的问题。

Answer 1

看起来你真的在尝试切换 fa-plus-square-o 和 fa-minus-square-o 类，所以试试 toggleClass()

$('#refineResult').click(function () {
    $(this).children('i').toggleClass('fa-plus-square-o fa-minus-square-o');
});