本文主要介绍使用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()])；

});

执行后的效果：

页面效果：

郑重声明：本文由网友发布，不代表盛行IT的观点，版权归原作者所有，仅为传播更多信息之目的，如有侵权请联系，我们将第一时间修改或删除，多谢。