jQueryのタグ置換関数replaceWith()_jqueryの使用例

replaceWith は使いやすいです

jQuery には、次のような強力な置換関数 replaceWith() があり、非常に簡単に使用できます。

このページには次の p タグがあります

すべての p タグを「##」に置き換えます

$('p').replaceWith('##');

実行後の結果:

タグを置換

この replaceWith を使用すると、すべての p タグを b タグに置き換えることができ、内容は変更されません。

$('p').each(function(){
    $(this).replaceWith('<b>'+$(this).html()+'</b>');
});

結果

これが代替品です!

この機能を使えば簡単に多言語サイトが完成します

多言語 Web サイトを開発している場合は、たとえば、翻訳する必要があるテキストに i タグを追加し、その翻訳をスキャンして置き換えることもできます。

ページの dom 構造が次のようになっているとします。

ページ上の i タグ内のテキストを翻訳する必要があります。ページ上の i タグは Apple とコンピューターです。したがって、翻訳ライブラリが必要です:

var translate = {
    '苹果' : 'apple',
    '电脑' : 'PC'
};

次に、このように翻訳置換を実行できます

$('i').each(function(){
    $(this).replaceWith(translate[$(this).html()]);
});

実行後の効果:

ページの効果: