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 相关文章推荐
3分钟写出来的Jquery版checkbox全选反选功能
Oct 23 Javascript
js与jquery获取父元素,删除子元素的两种不同方法
Jan 09 Javascript
jQuery实现仿美橙互联两级导航菜单效果完整实例
Sep 17 Javascript
JS实现可展开折叠层的鼠标拖曳效果
Oct 09 Javascript
jquery插件jquery.dragscale.js实现拖拽改变元素大小的方法(附demo源码下载)
Feb 25 Javascript
js实现select选择框效果及美化
Aug 19 Javascript
jQuery如何解决IE输入框不能输入的问题
Oct 08 Javascript
js 输入框 正则表达式(菜鸟必看教程)
Feb 19 Javascript
angular2/ionic2 实现搜索结果中的搜索关键字高亮的示例
Aug 17 Javascript
jQuery each和js forEach用法比较
Feb 27 jQuery
详解Typescript 内置的模块导入兼容方式
May 31 Javascript
完美解决vue 中多个echarts图表自适应的问题
Jul 19 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
php下载远程文件类(支持断点续传)
2008/11/14 PHP
使用GDB调试PHP代码,解决PHP代码死循环问题
2015/03/02 PHP
JavaScript获取页面上某个元素的代码
2011/03/13 Javascript
js借助ActiveXObject实现创建文件
2013/09/29 Javascript
Javascript核心读书有感之类型、值和变量
2015/02/11 Javascript
JS控制网页动态生成任意行列数表格的方法
2015/03/09 Javascript
jquery彩色投票进度条简单实例演示
2020/07/23 Javascript
vue和webpack安装命令详解
2018/06/15 Javascript
使用Vue.observable()进行状态管理的实例代码详解
2019/05/26 Javascript
关于vue里页面的缓存详解
2019/11/04 Javascript
详解Nuxt.js 实战集锦
2019/11/19 Javascript
JS猜数字游戏实例讲解
2020/06/30 Javascript
Vue数组响应式操作及高阶函数使用代码详解
2020/08/01 Javascript
JavaScript实现拖拽和缩放效果
2020/08/24 Javascript
详解vue3.0 的 Composition API 的一种使用方法
2020/10/26 Javascript
centos系统升级python 2.7.3
2014/07/03 Python
python脚本设置系统时间的两种方法
2016/02/21 Python
Python使用Mechanize模块编写爬虫的要点解析
2016/03/31 Python
pandas DataFrame实现几列数据合并成为新的一列方法
2018/06/08 Python
让你Python到很爽的加速递归函数的装饰器
2019/05/26 Python
python自制包并用pip免提交到pypi仅安装到本机【推荐】
2019/06/03 Python
命令行运行Python脚本时传入参数的三种方式详解
2019/10/11 Python
解决pycharm中导入自己写的.py函数出错问题
2020/02/12 Python
keras中的backend.clip用法
2020/05/22 Python
Ubuntu20.04环境安装tensorflow2的方法步骤
2021/01/29 Python
html5理解head_动力节点Java学院整理
2017/07/13 HTML / CSS
详解HTML5.2版本带来的修改
2020/05/06 HTML / CSS
Bose英国官方网站:美国知名音响品牌
2020/01/26 全球购物
个人学习党的群众路线教育实践活动心得体会
2014/11/05 职场文书
2014幼儿园家长工作总结
2014/11/10 职场文书
机关干部作风整顿心得体会
2016/01/22 职场文书
2016年“5.12”国际护士节活动总结
2016/04/06 职场文书
SQLServer 日期函数大全(小结)
2021/04/08 SQL Server
浅谈Redis主从复制以及主从复制原理
2021/05/29 Redis
MySQL中utf8mb4排序规则示例
2021/08/02 MySQL