Jquery 将列表项fa图标类名替换为其他类名

我有一个类似下面的代码

<ul> 
<li> <i class="fa fa-map-marker"></i> Name</li>  
<li> <i class="fa fa-envelope-o"></i> Email</li>
<li> <i class="fa fa-mobile"></i> Mobile Number </li> 
</ul>

但是类名同时应用于name和email，结果name和email都有相同的用户图标

---

请帮助我如何排序。

您可以这样做：

$（'i.fa-map-marker'）.removeClass（'fa-map-marker'）.addClass（'fa-user'）

$（'i.fa-map-marker'）
将返回所有具有类
.fa-map-marker

演示


$（'i.fa-map-marker'）.removeClass（'fa-map-marker'）.addClass（'fa-user'）


姓名
电子邮件
手机号码
你可以这么简单：
$（'i.fa-map-marker'）.removeClass（'fa-map-marker'）.addClass（'fa-user'）

$（'i.fa-map-marker'）
将返回所有具有类
.fa-map-marker

演示


$（'i.fa-map-marker'）.removeClass（'fa-map-marker'）.addClass（'fa-user'）


姓名
电子邮件
手机号码
这是您的解决方案


$（'i.fa-map-marker'）.removeClass（'fa-map-marker'）.addClass（'fa-user'）


姓名
电子邮件
手机号码
这是您的解决方案


$（'i.fa-map-marker'）.removeClass（'fa-map-marker'）.addClass（'fa-user'）


姓名
电子邮件
手机号码

$('i').removeClass('fa-map-marker').addClass('fa-user');