jQuery标签替换函数replaceWith()的使用例子_jquery
程序员文章站
2022-04-18 13:31:19
...
replaceWith简单使用
jQuery中,有一个强大的替换函数replaceWith(),使用非常简单,如:
页面有如下p标签
把所有p标签替换为“##”
$('p').replaceWith('##');
执行后的结果:
替换标签
利用这个replaceWith,我们可以把所有p标签替换为b标签,内容不变:
$('p').each(function(){ $(this).replaceWith(''+$(this).html()+''); });
结果
这就替换了!
多语言网站可以利用这个函数轻松完成
如果你开发的是一个多语言的网站,甚至可以利用这个特性,比如,在你需要翻译的文字上加上i标签,然后遍历翻译替换。
假如页面dom结构如下:
我们要把页面中的i标签里的文本给翻译,页面中有i标签的分别是苹果、电脑。于是我们实现需要一个翻译库:
var translate = { '苹果' : 'apple', '电脑' : 'PC' };
然后我可以这样执行翻译替换
$('i').each(function(){ $(this).replaceWith(translate[$(this).html()]); });
执行后效果:
页面效果:
推荐阅读
-
使用Jquery获取带特殊符号的ID 标签的方法
-
jQuery使用正则表达式替换dom元素标签用法示例
-
使用jquery模拟a标签的click事件无法实现跳转的解决
-
Jquery中$(document).ready(function(){ })函数的使用详解
-
使用jQuery UI的tooltip函数修饰title属性的气泡悬浮框
-
jquery序列化表单以及回调函数的使用示例
-
浅谈jquery回调函数callback的使用方法
-
基于jquery trigger函数无法触发a标签的两种解决方法
-
使用Jquery获取带特殊符号的ID 标签的方法
-
使用jquery模拟a标签的click事件无法实现跳转的解决