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

この記事では主にjQueryタグ置換関数replaceWith()の使用例を紹介します。replaceWithを使用してテンプレート内のタグを置換し、多言語ウェブサイトを実装することもできます。

replaceWith は使い方が簡単です

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

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

すべての p を置き換えます"##" のタグ

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

実行後の結果:

タグを置換

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

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

結果

これが代替品です!

この機能を使用すると、多言語ウェブサイトが簡単に完成します

多言語ウェブサイトを開発している場合は、この機能を使用することもできます。たとえば、翻訳する必要があるテキストに i タグを追加し、次に、翻訳置換を調べます。

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

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

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

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

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

実行後の効果:

ページの効果:

以上がjQueryのタグ置換関数replaceWith()の使用例の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。