javacript/jqueryでクラス属性の先頭の名前を変更

Question

フォント属性を使用している古い文書では、すべてのクラスのアイコンの名前がv3.2.1です。私が新しいバージョンを使用する場合は、クラス名を手動で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でそれを行うことができます

このようにクラス名を置き換えることができます：

var icons = document.querySelectorAll('[class^=icon]'); 
 
for (icon of icons){ 
 
    icon.classList.value = icon.classList.value.replace('icon-','fa fa-'); 
 
    console.log(icon.classList.value); 
 
}

<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>

• 各アイコンを反復し、"fa fa-"
で "icon-"どこでそのクラス名を交換するために...ループの "icon"
• で始まるクラス名を持つすべての要素を選択します
• オプションconsole.log

私はまだ@ richb01のやり方をしています：&を見つけると、コードエディタに直接置き換えられます。

Answer 2

だろうことができます基本的に、あなたがその

$("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"); 
}