我想更改字体很棒的图标 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 将展开并且图标变为减号。 希望你能理解我的问题。
最佳答案
看起来你真的在尝试切换类 fa-plus-square-o
和 fa-minus-square-o
所以试试 toggleClass()
$('#refineResult').click(function () {
$(this).children('i').toggleClass('fa-plus-square-o fa-minus-square-o');
});
关于javascript - 添加了图标外观的图像,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/22803002/