Javascript 单击更改字体图标的类别和颜色

当我点击图标时，我只想改变它的类别和颜色。下面是我的代码

$（“.sim行编辑图标”）。单击（函数（）{
警报（“点击图标”）；
//单击“请将图标和颜色更改为红色”
});
您只需执行以下操作：


$（“.sim行编辑图标”）。单击（函数（）{
警报（“点击图标”）；
$（this.find（'i'）.toggleClass（'fa-address-book'）；
});


$（“.sim行编辑图标”）。单击（函数（）{
$（this）.find（'i'）.removeClass（'fa-camera-retro'）.addClass（'fa-address-book'）.css（'color'，'red'）；
});
您可以使用
find（）
将元素作为目标。然后使用
removeClass（）
删除现有类，并使用
addClass（）
添加类。您可以使用
.css（）
设置样式：


$（“.sim行编辑图标”）。单击（函数（）{
警报（“点击图标”）；
$（this）.find（'i.fa.fa camera retro'）.removeClass（）.addClass（'fa-fa地址簿'）；
$（this.find（'i'）.css（{color:'red'}）；
});

您需要：

删除现有类-
removeClass（）
添加新类-
addClass（）
将彩色css添加到图标-
css（）

$（“.sim行编辑图标”）。单击（函数（）{
警报（“点击图标”）；
$（this）.find（'i'）.removeClass（'fa-camera-retro'）.addClass（'fa-address-book'）.css（'color'，'red'）；
});


$（“.sim行编辑图标”）。单击（函数（）{
$（“.sim行编辑图标>i”）.removeClass（'fa-camera-retro'）.addClass（'fa-address-book'）；
$（“.sim行编辑图标>i”）.css（“颜色”、“红色”）；
});

如何将颜色更改为红色？@user2828442使用css方法…可能是：.toggleClass（'fa-camera-retro fa address book red'）@gaetanoM是的possible@OmiD对你来说是正确的：我没有否决投票。如果有2个我在div中，它会删除它，它怎么能只更改单击的一个的类only@user2828442,然后，您必须以元素的现有类为目标。我已经更新了答案…请检查。很好的尝试。。一个空的jquery块…请给出一个到目前为止您尝试过的示例。“点击时请将图标和颜色更改为红色”的评论不适用