手机
当前位置:查字典教程网 >编程开发 >Javascript教程 >jQuery标签替换函数replaceWith()的使用例子
jQuery标签替换函数replaceWith()的使用例子
摘要:replaceWith简单使用jQuery中,有一个强大的替换函数replaceWith(),使用非常简单,如:页面有如下p标签把所有p标签...

replaceWith简单使用

jQuery中,有一个强大的替换函数replaceWith(),使用非常简单,如:

页面有如下p标签

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

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

$('p').replaceWith('##');

执行后的结果:

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

替换标签

利用这个replaceWith,我们可以把所有p标签替换为b标签,内容不变:

$('p').each(function(){ $(this).replaceWith('<b>'+$(this).html()+'</b>'); });

结果

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

这就替换了!

多语言网站可以利用这个函数轻松完成

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

假如页面dom结构如下:

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

我们要把页面中的i标签里的文本给翻译,页面中有i标签的分别是苹果、电脑。于是我们实现需要一个翻译库:

var translate = { '苹果' : 'apple', '电脑' : 'PC' };

然后我可以这样执行翻译替换

$('i').each(function(){ $(this).replaceWith(translate[$(this).html()]); });

执行后效果:

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

页面效果:

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

【jQuery标签替换函数replaceWith()的使用例子】相关文章:

浅谈jQuery构造函数分析

Backbone.js的一些使用技巧

javaScript中push函数用法实例分析

jQuery替换textarea中换行的方法

javascript带回调函数的异步脚本载入方法实例分析

jQuery中 prop() attr()使用详解

JQuery分屏指示器图片轮换效果实例

jQuery实现弹出窗口中切换登录与注册表单

jQuery插件制作之参数用法实例分析

javascript函数特点实例

精品推荐
分类导航