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()]); }); 执行后效果: 页面效果: |
-
:
:
本站声明:网站内容来源于网络,如有侵权,请联系我们,我们将及时处理。
评论前必须登录!
立即登录