jQuery实现将页面上HTML标签换成另外标签的方法


Posted in Javascript onJune 09, 2015

本文实例讲述了jQuery实现将页面上HTML标签换成另外标签的方法。分享给大家供大家参考。具体分析如下:

替换前代码如下:

<code> A </code>
<code> B </code>
<code> C </code>

替换后代码如下:

<pre> A </pre>
<pre> A </pre>
<pre> A </pre>

实现替换代码:

$('code').contents().unwrap().wrap('<pre/>');

或者:
$('code').replaceWith(function(){
  return $("<pre />").append($(this).contents());
});

希望本文所述对大家的jQuery程序设计有所帮助。

Javascript 相关文章推荐
jcarousellite.js 基于Jquery的图片无缝滚动插件
Dec 30 Javascript
jQuery中ajax的使用与缓存问题的解决方法
Dec 19 Javascript
零基础搭建Node.js、Express、Ejs、Mongodb服务器及应用开发入门
Dec 20 Javascript
轻松搞定jQuery.noConflict()
Feb 15 Javascript
基于vue,vue-router, vuex及addRoutes进行权限控制问题
May 02 Javascript
微信小程序登录换取token的教程
May 31 Javascript
Bootstrap导航菜单点击后无法自动添加active的处理方法
Aug 10 Javascript
浅析vue给不同环境配置不同打包命令
Aug 17 Javascript
你不知道的Vue技巧之--开发一个可以通过方法调用的组件(推荐)
Apr 15 Javascript
Vue实现滑动拼图验证码功能
Sep 15 Javascript
Vue中父子组件的值传递与方法传递
Sep 28 Javascript
详解如何解决使用JSON.stringify时遇到的循环引用问题
Mar 23 Javascript
Javascript实现div的toggle效果实例分析
Jun 09 #Javascript
js获取字符串字节数方法小结
Jun 09 #Javascript
Javascript对象Clone实例分析
Jun 09 #Javascript
JS动态创建DOM元素的方法
Jun 09 #Javascript
JavaScript获取数组最小值和最大值的方法
Jun 09 #Javascript
JavaScript获取两个数组交集的方法
Jun 09 #Javascript
JavaScript实现函数返回多个值的方法
Jun 09 #Javascript
You might like
?繁体转换的class
2006/10/09 PHP
PHP mb_convert_encoding文字编码的转换函数介绍
2011/11/10 PHP
解析php二分法查找数组是否包含某一元素
2013/05/23 PHP
解析php中用PHPMailer来发送邮件的示例(126.com的例子)
2013/06/24 PHP
php基于str_pad实现卡号不足位数自动补0的方法
2014/11/12 PHP
PHP Reflection API详解
2015/05/12 PHP
PHP人民币金额转大写实例代码
2015/10/02 PHP
Yii2.0框架实现带分页的多条件搜索功能示例
2019/02/20 PHP
swoole锁的机制代码实例讲解
2021/03/04 PHP
W3C Group的JavaScript1.8 新特性介绍
2009/05/19 Javascript
通过Jscript中@cc_on 语句识别IE浏览器及版本的代码
2011/05/07 Javascript
jquery中ajax学习笔记3
2011/10/16 Javascript
JSON为什么那样红为什么要用json(另有洞天)
2012/12/26 Javascript
每天一篇javascript学习小结(Function对象)
2015/11/16 Javascript
jquery mobile移动端幻灯片滑动切换效果
2020/04/15 Javascript
详解vue中使用express+fetch获取本地json文件
2017/10/10 Javascript
微信小程序排坑指南详解
2018/05/23 Javascript
layer插件select选中默认值的方法
2018/08/14 Javascript
vue2.0获取鼠标位置的方法
2018/09/13 Javascript
VUE+Element环境搭建与安装的方法步骤
2019/01/24 Javascript
jQuery实现的鼠标拖动画矩形框示例【可兼容IE8】
2019/05/17 jQuery
Vue+axios+WebApi+NPOI导出Excel文件实例方法
2019/06/05 Javascript
[02:05]DOTA2完美大师赛趣味视频之看我表演
2017/11/18 DOTA
Python实现字符串的逆序 C++字符串逆序算法
2020/05/28 Python
python dataframe常见操作方法:实现取行、列、切片、统计特征值
2018/06/09 Python
Python开发之Nginx+uWSGI+virtualenv多项目部署教程
2019/05/13 Python
python实现逻辑回归的示例
2020/10/09 Python
Python根据字符串调用函数过程解析
2020/11/05 Python
IE滤镜与CSS3效果(详细整理分享)
2013/01/25 HTML / CSS
CSS3绘制不规则图形的一些方法示例
2015/11/07 HTML / CSS
美国杰西潘尼官网:JCPenney
2019/06/12 全球购物
瀑布模型都有哪些优缺点
2014/06/23 面试题
计算机数据库专业职业生涯规划书
2014/02/08 职场文书
国庆横幅标语
2014/10/08 职场文书
民事诉讼代理词
2015/05/25 职场文书
北京大学中文系教授推荐的10本小说
2019/08/08 职场文书