添加图标的图像看起来

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