如何更改 AJAX 按 id 搜索结果的图标

Question

我有多个图标，我想根据 ajax 结果将我的某个图标更改为另一个图标。例如，当 res = true 时，我的书签图标需要更改为 fa fa-address-card 图标。现在的代码是当 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');

Answer 1

你的第二个 jquery 行导致了问题

在两个 jquery 选择器中，您选择了 html,

中的所有 i 标签

第一个不会造成任何麻烦，因为它有 'fa-bookmark' 而其他的没有，所以它将删除书签图标 class

但在第二个中，您将 fa-address-card 应用于所有 i 元素，这就是其他图标发生变化的原因

$('#bookmark').removeClass('fa-bookmark').addClass('fa-address-card');

这是更好的方法，可以解决您的问题

如何更改 AJAX 按 id 搜索结果的图标

How to change icon on AJAX results search by id

html

jquery

ajax