🔥码云GVP开源项目 12k star Uniapp+ElementUI 功能强大 支持多语言、二开方便! 广告
> 这篇文章主要介绍了jQuery标签替换函数replaceWith()的使用例子,使用replaceWith可以替换模板里的标签,还可以实现多语言网站,需要的朋友可以参考下 replaceWith简单使用 jQuery中,有一个强大的替换函数replaceWith(),使用非常简单,如: 页面有如下p标签 ![](https://files.jb51.net/file_images/article/201408/201408280855001.jpg) 把所有p标签替换为“##” ``` $('p').replaceWith('##'); ``` 执行后的结果: ![](https://files.jb51.net/file_images/article/201408/201408280855002.jpg) 替换标签 利用这个replaceWith,我们可以把所有p标签替换为b标签,内容不变: ``` $('p').each(function(){ $(this).replaceWith('<b>'+$(this).html()+'</b>'); }); ``` 结果 ![](https://files.jb51.net/file_images/article/201408/201408280855003.jpg) 这就替换了! 多语言网站可以利用这个函数轻松完成 如果你开发的是一个多语言的网站,甚至可以利用这个特性,比如,在你需要翻译的文字上加上i标签,然后遍历翻译替换。 假如页面dom结构如下: ![](https://files.jb51.net/file_images/article/201408/201408280855004.jpg) 我们要把页面中的i标签里的文本给翻译,页面中有i标签的分别是苹果、电脑。于是我们实现需要一个翻译库: ``` var translate = { '苹果' : 'apple', '电脑' : 'PC' }; ``` 执行后效果: ![](https://files.jb51.net/file_images/article/201408/201408280855005.jpg) 页面效果: ![](https://files.jb51.net/file_images/article/201408/201408280855006.jpg)