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 相关文章推荐
jQuery学习总结之元素的相对定位和选择器(持续更新)
Apr 26 Javascript
jQuery处理XML文件的几种方法
Jun 14 Javascript
D3.js实现雷达图的方法详解
Sep 22 Javascript
基于 Vue.js 之 iView UI 框架非工程化实践记录(推荐)
Nov 21 Javascript
详解vue文件中使用echarts.js的两种方式
Oct 18 Javascript
微信小程序自定义底部导航带跳转功能
Nov 27 Javascript
Vue实现的父组件向子组件传值功能示例
Jan 19 Javascript
p5.js实现动态图形临摹
Oct 23 Javascript
Javascript 关于基本类型和引用类型的个人理解
Nov 01 Javascript
解决React在安装antd之后出现的Can't resolve './locale'问题(推荐)
May 03 Javascript
Angular5整合富文本编辑器TinyMCE的方法(汉化+上传)
May 26 Javascript
JavaScript TAB栏切换效果的示例
Nov 05 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
杏林同学录(四)
2006/10/09 PHP
PHP 编写的 25个游戏脚本
2009/05/11 PHP
ThinkPHP2.0读取MSSQL提示Incorrect syntax near the keyword 'AS'的解决方法
2014/06/25 PHP
javascript函数重载解决方案分享
2014/02/19 Javascript
jQuery实现tag便签去重效果的方法
2015/01/20 Javascript
javascript 实现 原路返回
2015/01/21 Javascript
jquery.fastLiveFilter.js实现输入自动过滤的方法
2015/08/11 Javascript
使用jquery/js获取iframe父子级、同级获取元素的方法
2016/08/05 Javascript
JavaScript微信定位功能实现方法
2016/11/29 Javascript
Extjs gridpanel 中的checkbox(复选框)根据某行的条件不能选中的解决方法
2017/02/17 Javascript
NodeJS配置HTTPS服务实例分享
2017/02/19 NodeJs
p5.js实现斐波那契螺旋的示例代码
2018/03/22 Javascript
JavaScript 处理树数据结构的方法示例
2019/06/16 Javascript
JS访问对象两种方式区别解析
2020/08/29 Javascript
JavaScript快速调试的两个技巧
2020/11/04 Javascript
vue实现登录、注册、退出、跳转等功能
2020/12/23 Vue.js
[43:51]2014 DOTA2国际邀请赛中国区预选赛 Dream Times VS TongFu
2014/05/22 DOTA
python根据文件大小打log日志
2014/10/09 Python
Window10+Python3.5安装opencv的教程推荐
2018/04/02 Python
PyQt5显示GIF图片的方法
2019/06/17 Python
Python range与enumerate函数区别解析
2020/02/28 Python
在python中list作函数形参,防止被实参修改的实现方法
2020/06/05 Python
keras读取h5文件load_weights、load代码操作
2020/06/12 Python
Python库安装速度过慢解决方案
2020/07/14 Python
纽约JewelryAffairs珠宝店:精细金银时尚首饰
2017/02/05 全球购物
Expedia挪威官网:酒店、机票和租车
2018/03/03 全球购物
后勤人员岗位职责
2013/12/17 职场文书
syb养殖创业计划书
2014/01/09 职场文书
工作粗心大意检讨书
2014/09/18 职场文书
师德自我剖析材料范文
2014/10/06 职场文书
2016党员干部反腐倡廉心得体会
2016/01/13 职场文书
Python django中如何使用restful框架
2021/06/23 Python
SpringBoot实现异步事件驱动的方法
2021/06/28 Java/Android
解决pycharm下载库时出现Failed to install package的问题
2021/09/04 Python
css样式important规则的正确使用方式
2022/06/10 HTML / CSS
Windows10安装Apache2.4的方法步骤
2022/06/25 Servers