源码网商城,靠谱的源码在线交易网站 我的订单 购物车 帮助

源码网商城

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

  • 时间:2020-02-13 13:28 编辑: 来源: 阅读:
  • 扫一扫,手机访问
摘要:jQuery标签替换函数replaceWith()的使用例子
[b]replaceWith简单使用[/b] jQuery中,有一个强大的替换函数replaceWith(),使用非常简单,如: 页面有如下p标签 [img]http://files.jb51.net/file_images/article/201408/201408280855001.jpg[/img] 把所有p标签替换为“##”
$('p').replaceWith('##');
执行后的结果:  [img]http://files.jb51.net/file_images/article/201408/201408280855002.jpg[/img] [b]替换标签[/b] 利用这个replaceWith,我们可以把所有p标签替换为b标签,内容不变:
$('p').each(function(){
    $(this).replaceWith('<b>'+$(this).html()+'</b>');
});
结果 [img]http://files.jb51.net/file_images/article/201408/201408280855003.jpg[/img] 这就替换了! [b]多语言网站可以利用这个函数轻松完成[/b] 如果你开发的是一个多语言的网站,甚至可以利用这个特性,比如,在你需要翻译的文字上加上i标签,然后遍历翻译替换。 假如页面dom结构如下: [img]http://files.jb51.net/file_images/article/201408/201408280855004.jpg[/img] 我们要把页面中的i标签里的文本给翻译,页面中有i标签的分别是苹果、电脑。于是我们实现需要一个翻译库:
var translate = {
    '苹果' : 'apple',
    '电脑' : 'PC'
};
然后我可以这样执行翻译替换
$('i').each(function(){
    $(this).replaceWith(translate[$(this).html()]);
});
执行后效果: [img]http://files.jb51.net/file_images/article/201408/201408280855005.jpg[/img] 页面效果: [img]http://files.jb51.net/file_images/article/201408/201408280855006.jpg[/img]
  • 全部评论(0)
联系客服
客服电话:
400-000-3129
微信版

扫一扫进微信版
返回顶部