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

JavaScript 2013-07-28 jQuery,replaceWith,替换

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()]);
});

执行后效果:

页面效果:

文字链接:《jQuery替换标签函数replaceWith()的使用

文章地址:http://www.qttc.net/201307359.html

除非标注,琼台博客所有博文均为原创,转载请加文字链接注明来源

乳名?小名?昵称?网名?均可

email,放心,我不会给你乱投广告的

想获得回访就把你的站点URL写上(没有留空)

[NOTICE]木要投放广告
[NOTICE]木要骂人,说不该说的话
[NOTICE]自由言论,但要遵纪守法

Comments 0

    Hi,你想第一个做沙发么?