Javascript 添加了图标外观的图像

我想在单击时更改字体图标

javascript:

Html:

当我单击行时，不仅图标下拉列表div会展开，图标也会变为负号。

---

希望您理解我的问题。

看起来您真的在尝试切换类fa-plus-square-o&fa-plus-square-o，所以请尝试

---

为this@sonalgoyal什么是refineResult？@sonalgoyal您的“我选择”选项不正确，因为它不是id为refineResult的元素的子元素-请立即尝试@Arun P Johny以了解其工作情况。但我有不止一个像这样的div。当我点击一个图标时，它会改变所有图标。@Arun P Johny我添加了一个image@sonalgoyal尝试jQueryfunction${$'refineResult.lblHeading'。单击函数{$this.find'i'。切换类'fa-plus-square-o fa-minus-square-o'；}；

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

 <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>

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