『签 到』 开启辅助访问
 找回密码
 立即注册

扫一扫,访问微社区

只需一步,快速开始

QQ登录

只需要一步,快速开始

或者

[jquery开发] jQuery标签替换函数replaceWith()的使用例子

0 65
风起云甬 发表于 2020-3-13 14:24:26 |阅读模式 |复制链接
replaceWith简单使用:
jQuery中,有一个强大的替换函数replaceWith(),使用非常简单,如:页面有如下p标签

jQuery标签替换函数replaceWith()的使用例子,慧之家

把所有p标签替换为“##”

  1. $('p').replaceWith('##');
复制代码

执行后的结果:

jQuery标签替换函数replaceWith()的使用例子,慧之家


替换标签
利用这个replaceWith,我们可以把所有p标签替换为b标签,内容不变:
  1. $('p').each(function(){    $(this).replaceWith('<b>'+$(this).html()+'</b>');});
复制代码
jQuery标签替换函数replaceWith()的使用例子,慧之家

这就替换了!
多语言网站可以利用这个函数轻松完成
如果你开发的是一个多语言的网站,甚至可以利用这个特性,比如,在你需要翻译的文字上加上i标签,然后遍历翻译替换。

假如页面dom结构如下:

jQuery标签替换函数replaceWith()的使用例子,慧之家


我们要把页面中的i标签里的文本给翻译,页面中有i标签的分别是苹果、电脑。于是我们实现需要一个翻译库:
  1. var translate = {    '苹果' : 'apple',    '电脑' : 'PC'};
复制代码
然后我可以这样执行翻译替换
  1. $('i').each(function(){    $(this).replaceWith(translate[$(this).html()]);});
复制代码
执行后效果:
jQuery标签替换函数replaceWith()的使用例子,慧之家



jQuery标签替换函数replaceWith()的使用例子,慧之家







您需要登录后才可以回帖 登录 | 立即注册  

本版积分规则

发布资源 快速回复 站点服务大厅 搜索 官方群