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.fileEveryWhere.js 一个跨浏览器的file显示插件
大牛ppk都说过,在从多表单控件中,上传文件控件的样式是最难以控制的。见文章Styling an input type="file"。本插件也多是参考此文2011-10-10JQuery EasyUI 结合ztrIee的后台页面开发实例
下面小编就为大家带来一篇JQuery EasyUI 结合ztrIee的后台页面开发实例。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧2017-09-09JQuery 动画卷页 返回顶部 动画特效(兼容Chrome)
JQuery 动画卷页 返回顶部 动画特效(兼容Chrome) ,学习jquery的朋友可以测试下。2010-02-02jQuery遍历页面所有CheckBox查看是否被选中的方法
这篇文章主要介绍了jQuery遍历页面所有CheckBox查看是否被选中的方法,涉及jQuery链式操作及针对CheckBox的操作技巧,非常具有实用价值,需要的朋友可以参考下2015-04-04
最新评论