javascript - 使用javascript/jquery重命名类属性的前面

Question

我有一些旧文档，仍然使用字体属性 awosome v3.2.1，所有类都首先命名图标。如果我使用新版本的话，我必须手动一一重命名类，那会很不方便。 HTML 标记:

<a class="btn" href="#"><i class="icon-info-sign"></i> Info</a>
<a class="btn" href="#"><i class="icon-trash"></i> Delete</a>
<a class="btn" href="#"><i class="icon-cog"></i> Settings</a>

怎么会出现如下结果

<a class="btn" href="#"><i class="fa fa-info-sign"></i> Info</a>
<a class="btn" href="#"><i class="fa fa-trash"></i> Delete</a>
<a class="btn" href="#"><i class="fa fa-cog"></i> Settings</a>

任何人的帮助都是无价的

Answer 1

基本上你可以用jquery方法switchClass来做到这一点

$("a i").each(function(item){
   $(item).switchClass( "icon-info-sign", "fa fa-info-sign" );
   $(item).switchClass( "icon-trash" , "fa fa-trash" );
   $(item).switchClass( "icon-cog", "fa fa-cog" );
}