jQuery标签替换函数replaceWith()的使用例子
更新时间：2014年08月28日 08:56:48 投稿：junjie
这篇文章主要介绍了jQuery标签替换函数replaceWith()的使用例子,使用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.fn.extend与jquery.extend
jQuery为开发插件提拱了两个方法，分别是jquery.fn.extend与jquery.extend，接下来就为大家介绍下两者的具体使用2013-11-11
这篇文章主要介绍了通过jQuery实现的顶部导航跟随滚动条滚动固定浮动在顶部,需要的朋友可以参考下2014-06-06
JQuery Tips相关(1)----关于$.Ready()
学习jQuery的第一件事是：如果你想要一个事件运行在你的页面上，你必须在$(document).ready()里调用这个事件。所有包括在$(document).ready()里面的元素或事件都将会在DOM完成加载之后立即加载，并且在页面内容加载之前。2014-08-08
不知不觉10月都结束了，又要到年底了。看看自己上次写过的文章后，已经2个月都没写东西了2011-11-11
这篇文章主要介绍了jQuery实现不断闪烁文字的方法,涉及jQuery中fadeOut、fadeIn方法及递归调用的技巧,需要的朋友可以参考下2015-05-05
这篇文章主要介绍了jquery实现通用的内容渐显Tab选项卡效果,涉及jquery通过时间函数定时触发页面元素样式变换的功能,具有一定参考借鉴价值,需要的朋友可以参考下2015-09-09
通配符在控制input标签时相当好用,这里简单进行了jQuery中的通配符选择器使用总结,需要的朋友可以参考下2016-05-05
这篇文章主要为大家详细介绍了jquery结合html实现中英文页面切换,具有一定的参考价值，感兴趣的小伙伴们可以参考一下2016-11-11
JavaScript获取onclick、onchange等事件值的代码
这里主要是用到了getAttributeNode()这个方法，它获取的是属性节点，忽略属性和事件的差别，具体示例如下，感兴趣的朋友可以参考下哈希望对大家有所帮助2013-07-07
a标签指向锚点top，可以在顶部防止一个a name=top的锚点，这样在浏览器不支持js时也可以实现返回顶部的效果了2014-08-08
最新评论