本文主要介绍使用jQuery的标签替换函数replaceWith()的例子。使用replaceWith可以替换模板中的标签，还可以实现多语言网站。有需要的朋友可以参考一下。

replaceWith简单使用

在jQuery中，有一个强大的replace函数replaceWith()，使用起来非常简单，比如：

该页面有以下p标签

用“# #”替换所有P标签

$(p )。replace with( # # )；

执行后的结果：

替换标签

使用这个replaceWith，我们可以用具有相同内容的B标签替换所有P标签:

$(p )。each(function(){

$(这个)。replaceWith(b $(this)。html()/b )；

});

结果

它被替换了！

多语言网站可以利用这个函数轻松完成

如果你正在开发一个多语言网站，你甚至可以利用这个特性，比如在你需要翻译的文本中添加I标签，然后遍历翻译和替换。

假设页面dom结构如下：

我们必须翻译页面上I标签中的文本。页面上有I标签的是苹果和电脑。因此，我们的实现需要一个翻译库：

var translate={

苹果:苹果，

电脑:个人电脑

};

然后我可以这样进行翻译替换。

$(i )。each(function(){

$(这个)。replaceWith(translate[$(this)。html()])；

});

执行后的效果：

页面效果：