我有多个图标,我想根据ajax结果将我的某些图标更改为另一个图标。例如,当res = true,我的书签图标需要更改为fa-地址卡图标。现在的代码是当res = true,两个图标都会改变。有人知道怎么解吗?提前谢谢。
<i id="bookmark" class="fa fa-bookmark"></i>
<i id="database" class="fa fa-database"></i>
$('i').removeClass('fa-bookmark');
$('i').addClass('fa fa-address-card');
你的第二行jquery导致的问题
在两个jquery选择器中,你选择的是html中所有的i
标签,,
第一个没有引起任何麻烦,因为它有'fa-bookmark',其他没有,所以它会删除书签图标类
但是在第二个例子中,你将fa-address-card
应用于所有i
元素,这就是为什么其他图标会被更改
$('#bookmark').removeClass('fa-bookmark').addClass('fa-address-card');
这是一个更好的方法,可以解决你的问题