jQuery标签替换函数replaceWith()的使用例子

 更新时间:2014年08月28日 08:56:48   投稿:junjie  
这篇文章主要介绍了jQuery标签替换函数replaceWith()的使用例子,使用replaceWith可以替换模板里的标签,还可以实现多语言网站,需要的朋友可以参考下

GPT4.0+Midjourney绘画+国内大模型 会员永久免费使用!
如果你想靠AI翻身,你先需要一个靠谱的工具!

replaceWith简单使用

jQuery中,有一个强大的替换函数replaceWith(),使用非常简单,如:

页面有如下p标签

把所有p标签替换为“##”

1
$('p').replaceWith('##');

执行后的结果:

 

替换标签

利用这个replaceWith,我们可以把所有p标签替换为b标签,内容不变:

1
2
3
$('p').each(function(){
    $(this).replaceWith('<b>'+$(this).html()+'</b>');
});

结果

这就替换了!

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

如果你开发的是一个多语言的网站,甚至可以利用这个特性,比如,在你需要翻译的文字上加上i标签,然后遍历翻译替换。

假如页面dom结构如下:

我们要把页面中的i标签里的文本给翻译,页面中有i标签的分别是苹果、电脑。于是我们实现需要一个翻译库:

1
2
3
4
var translate = {
    '苹果' : 'apple',
    '电脑' : 'PC'
};

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

1
2
3
$('i').each(function(){
    $(this).replaceWith(translate[$(this).html()]);
});

执行后效果:

页面效果:

蓄力AI

微信公众号搜索 “ 脚本之家 ” ,选择关注

程序猿的那些事、送书等活动等着你

相关文章

最新评论