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 折半查找字符在数组中的位置(有序列表)
Dec 09 Javascript
深入理解JS中的变量及作用域、undefined与null
Mar 04 Javascript
jquery ajax应用中iframe自适应高度问题解决方法
Apr 12 Javascript
jquery文字填写自动高度的实现方法
Nov 07 Javascript
微信小程序 页面跳转传递值几种方法详解
Jan 12 Javascript
angularJS利用ng-repeat遍历二维数组的实例代码
Jun 03 Javascript
jQuery Collapse1.1.0折叠插件简单使用
Aug 28 jQuery
CKeditor4 字体颜色功能配置方法教程
Jun 26 Javascript
vue子组件改变父组件传递的prop值通过sync实现数据双向绑定(DEMO)
Feb 01 Javascript
vue实现自定义多选按钮
Jul 16 Javascript
小程序实现左滑删除的效果的实例代码
Oct 19 Javascript
html中创建并调用vue组件的几种方法汇总
Nov 17 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
FormValid0.5版本发布,带ajax自定义验证例子
2007/08/17 Javascript
JavaScript 继承详解(三)
2009/07/13 Javascript
优化 JavaScript 代码的方法小结
2009/07/16 Javascript
JavaScript 图片预览效果 推荐
2009/12/22 Javascript
javascript日期转换 时间戳转日期格式
2011/11/05 Javascript
jQuery常见开发技巧详细整理
2013/01/02 Javascript
select标记美化--JS式插件、后期加载
2013/04/01 Javascript
JS 实现Json查询的方法实例
2013/04/12 Javascript
Extjs优化(一)删除冗余代码提高运行速度
2013/04/15 Javascript
wap浏览自动跳转到wap页面的js代码
2014/05/17 Javascript
Nodejs学习笔记之NET模块
2015/01/13 NodeJs
js实现目录链接,内容跟着目录滚动显示的简单实例
2016/10/15 Javascript
vue中设置height:100%无效的问题及解决方法
2018/07/27 Javascript
从vue源码看props的用法
2019/01/09 Javascript
JavaScript Math对象和调试程序的方法分析
2019/05/13 Javascript
Javascript 关于基本类型和引用类型的个人理解
2019/11/01 Javascript
nuxt 服务器渲染动态设置 title和seo关键字的操作
2020/11/05 Javascript
javascript实现倒计时提示框
2021/03/02 Javascript
[01:00:44]DOTA2上海特级锦标赛主赛事日 - 3 败者组第三轮#1COL VS Alliance第三局
2016/03/04 DOTA
[55:23]VGJ.T vs Winstrike 2018国际邀请赛小组赛BO2 第二场 8.17
2018/08/20 DOTA
python网络编程调用recv函数完整接收数据的三种方法
2017/03/31 Python
Python简单实现Base64编码和解码的方法
2017/04/29 Python
Python pygorithm模块用法示例【常见算法测试】
2018/08/16 Python
如何在django里上传csv文件并进行入库处理的方法
2019/01/02 Python
python3 批量获取对应端口服务的实例
2019/07/25 Python
Python求解正态分布置信区间教程
2019/11/20 Python
Python爬虫使用bs4方法实现数据解析
2020/08/25 Python
canvas实现二维码和图片合成的示例代码
2018/08/01 HTML / CSS
电焊工岗位职责
2014/03/06 职场文书
计算机应用专业自荐信
2014/07/05 职场文书
2015年七一建党节演讲稿
2015/03/19 职场文书
客户付款通知书
2015/04/23 职场文书
2016廉洁从业学习心得体会
2016/01/19 职场文书
《落花生》教学反思
2016/02/16 职场文书
python中对列表的删除和添加方法详解
2022/02/24 Python
项目中Nginx多级代理是如何获取客户端的真实IP地址
2022/05/30 Servers