添加圖標的圖像看起來

Question

我想改變字體真棒圖標的onclick

的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'); 
});