jQuery使用正则表达式替换dom元素标签用法示例


Posted in Javascript onJanuary 16, 2017

本文实例讲述了jQuery使用正则表达式替换dom元素标签用法。分享给大家供大家参考,具体如下:

这里主要通过如下正则表达式来替换dom元素中的标签:

/<[\/]?(div)([^<>]*)>/g

具体示例代码如下:

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title></title>
  <script src="jquery.min.js"></script>
</head>
<body>
<div id="abc">
  <div style="text-align: center;">
    test
  </div>
</div>
</body>
<script>
  var oriTest = $("#abc").html();
  var result = oriTest.replace(/<[\/]?(div)([^<>]*)>/g, function (m, m1) {
    console.log(m);
    return m.replace('div', 'p');
  });
  $("#abc").html(result);
</script>
</html>
Javascript 相关文章推荐
javascript 获取函数形参个数
Jul 31 Javascript
JS简单实现多级Select联动菜单效果代码
Sep 06 Javascript
JS模拟Dialog弹出浮动框效果代码
Oct 16 Javascript
JavaScript实现的多种鼠标拖放效果
Nov 03 Javascript
ES6中的数组扩展方法
Aug 26 Javascript
Angularjs 实现移动端在线测评效果(推荐)
Apr 05 Javascript
jQuery插件FusionCharts绘制的2D双柱状图效果示例【附demo源码】
May 13 jQuery
webpack踩坑之路图片的路径与打包
Sep 05 Javascript
详解关于Vuex的action传入多个参数的问题
Feb 22 Javascript
angular 实现下拉列表组件的示例代码
Mar 09 Javascript
vue-cli3配置与跨域处理方法
Aug 17 Javascript
JS实现移动端可折叠导航菜单(现代都市风)
Jul 07 Javascript
JavaScript日期选择功能示例
Jan 16 #Javascript
jquery——九宫格大转盘抽奖实例
Jan 16 #Javascript
jQuery的ajax中使用FormData实现页面无刷新上传功能
Jan 16 #Javascript
Node.js中用D3.js的方法示例
Jan 16 #Javascript
JavaScript实现的select点菜功能示例
Jan 16 #Javascript
使用AngularJS 跨站请求如何解决jsonp请求问题
Jan 16 #Javascript
JavaScript基于DOM操作实现简单的数学运算功能示例
Jan 16 #Javascript
You might like
PHP 快速排序算法详解
2014/11/10 PHP
jquery动画2.元素坐标动画效果(创建一个图片走廊)
2012/08/24 Javascript
jquery时间下拉框小例子
2013/04/15 Javascript
JavaScript实现GriwView单列全选(自写代码)
2013/05/13 Javascript
JavaScript前端图片加载管理器imagepool使用详解
2014/12/29 Javascript
自定义jQuery插件方式实现强制对象重绘的方法
2015/03/23 Javascript
浅谈angular.js中实现双向绑定的方法$watch $digest $apply
2015/10/14 Javascript
不用一句js代码初始化组件
2016/01/27 Javascript
JavaScript面试题大全(推荐)
2016/09/22 Javascript
JS控制FileUpload的上传文件类型实例代码
2016/10/07 Javascript
web前端开发upload上传头像js示例代码
2016/10/22 Javascript
简述Angular 5 快速入门
2017/11/04 Javascript
mpvue 如何使用腾讯视频插件的方法
2018/07/16 Javascript
JS 实现获取验证码 倒计时功能
2018/10/29 Javascript
实用Javascript调试技巧分享(小结)
2019/06/18 Javascript
JS实现横向跑马灯效果代码
2020/04/20 Javascript
浅谈JavaScript中this的指向更改
2020/07/28 Javascript
python生成指定尺寸缩略图的示例
2014/05/07 Python
Python中sort和sorted函数代码解析
2018/01/25 Python
python求质数的3种方法
2018/09/28 Python
python适合人工智能的理由和优势
2019/06/28 Python
详解Python中的正斜杠与反斜杠
2019/08/09 Python
Python帮你识破双11的套路
2019/11/11 Python
python实现引用其他路径包里面的模块
2020/03/09 Python
Python threading.local代码实例及原理解析
2020/03/16 Python
Pytorch 扩展Tensor维度、压缩Tensor维度的方法
2020/09/09 Python
使用HTML5 Canvas API中的clip()方法裁剪区域图像
2016/03/25 HTML / CSS
英国高级百货公司:Harvey Nichols
2017/01/29 全球购物
中学老师的自我评价
2013/11/07 职场文书
给女朋友的道歉信
2014/01/10 职场文书
材料会计岗位职责
2014/03/06 职场文书
调查研究项目计划书
2014/04/29 职场文书
2014年秘书工作总结
2014/11/25 职场文书
2014年工作总结及2015工作计划
2014/12/12 职场文书
实习报告范文之电话客服岗位
2019/07/26 职场文书
vue本地构建热更新卡顿的问题“75 advanced module optimization”完美解决方案
2022/08/05 Vue.js