当前位置: 移动技术网 > IT编程>开发语言>JavaScript > jQuery标签替换函数replaceWith()的使用例子

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

2019年05月03日  | 移动技术网IT编程  | 我要评论

replacewith简单使用

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

页面有如下p标签

\

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

$('p').replacewith('##');

执行后的结果:

 \

替换标签

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

$('p').each(function(){
    $(this).replacewith('<b>'+$(this).html()+'</b>');
});

结果

\

这就替换了!

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

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

假如页面dom结构如下:

\

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

var translate = {
    '苹果' : 'apple',
    '电脑' : 'pc'
};

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

$('i').each(function(){
    $(this).replacewith(translate[$(this).html()]);
});

执行后效果:

\

页面效果:

\

如对本文有疑问, 点击进行留言回复!!

相关文章:

验证码:
移动技术网