本文介绍如何使用jQuery中的replaceWith()函数来替换DOM元素，包括将p标签替换为特定字符或b标签，并展示了如何利用此方法进行多语言网站的文本翻译。
替换函数replaceWith()
把所有的p标签替换为“##”
$（'p'）.replacewith('##')执行后的结果
<body>
##
##
##利用replaceWith，把所有p标签替换为b标签，内容不变：
$('p').each(function(){
$(this).replacewith('<b>'+$(this).html()+'</b>');
})〈body>
<b>哈哈</b>
<b>哈哈</b>
<b>哈哈</b>如果你开发的是一个多语言的网站，甚至可以利用这个特性，比如，在你需要翻译的文字上加上i标签，然后遍历翻译替换。
假如页面dom结构如下：
我们要把页面中的i标签里的文本给翻译，页面中有i标签的分别是苹果、电脑。于是我们实现需要一个翻译库：
var translate = {
'苹果'：'apple',
'电脑'：'pc'
}$('i').each(function(){
$(this).replacewith(translate[$(this).html()]);
});执行效果
页面效果
扫一扫
359
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
