简单使用替换

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

该页面具有以下P标签

将所有P标签替换为“# #”

$('p ')。replace with(' # # ')；执行后的结果：

替换标签

有了这个replaceWith，我们可以用b标签替换所有p标签，内容保持不变：

$('p ')。每个(函数(){$(this))。replace with(' $(this))。html()' ')；});结果

这是替代品！

使用此功能可以轻松完成多语言网站

如果您正在开发一个多语言网站，您甚至可以利用这个功能，例如，向您需要翻译的文本添加一个I标记，然后遍历翻译来替换它。

假设页面dom结构如下：

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

var translate={ ' apple ' : ' apple '，' computer ' : ' PC ' }；然后我可以像这样执行翻译替换

$('i ')。每个(函数(){$(this))。替换为(翻译[$(this))。html()])；});执行后的效果：

页面效果：