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 相关文章推荐
js单向链表的具体实现实例
Jun 21 Javascript
多种方法实现load加载完成后把图片一次性显示出来
Feb 19 Javascript
Javascript基础知识(三)BOM,DOM总结
Sep 29 Javascript
javascript实现简单加载随机色方块
Dec 25 Javascript
拥Bootstrap入怀——导航栏篇
May 30 Javascript
jQuery的Each比JS原生for循环性能慢很多的原因
Jul 05 Javascript
微信小程序入门教程
Nov 18 Javascript
JavaScript之json_动力节点Java学院整理
Jun 29 Javascript
js CSS3实现卡牌旋转切换效果
Jul 04 Javascript
Vue应用部署到服务器的正确方式
Jul 15 Javascript
ES6基础之数组和对象的拓展实例详解
Aug 22 Javascript
实例讲解React 组件生命周期
Jul 08 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 新手入门教程
2009/08/03 PHP
php中{}大括号是什么意思
2013/12/01 PHP
php的zip解压缩类pclzip使用示例
2014/03/14 PHP
PHP采用XML-RPC构造Web Service实例教程
2014/07/16 PHP
简单谈谈PHP vs Node.js
2015/07/17 PHP
变量在 PHP7 内部的实现(二)
2015/12/21 PHP
使用Yii2实现主从数据库设置
2016/11/20 PHP
通过修改Laravel Auth使用salt和password进行认证用户详解
2017/08/17 PHP
日期 时间js控件
2009/05/07 Javascript
理解JavaScript变量作用域更轻松
2009/10/25 Javascript
jquery判断字符输入个数(数字英文长度记为1,中文记为2,超过长度自动截取)
2010/10/15 Javascript
JQuery的Ajax中Post方法传递中文出现乱码的解决方法
2014/10/21 Javascript
js同源策略详解
2015/05/21 Javascript
全面解析JS字符串和正则表达式中的match、replace、exec等函数
2016/07/01 Javascript
AnjularJS中$scope和$rootScope的区别小结
2016/09/18 Javascript
js构建二叉树进行数值数组的去重与优化详解
2018/03/26 Javascript
angularjs通过过滤器返回超链接的方法
2018/10/26 Javascript
Vue 无限滚动加载指令实现方法
2019/05/28 Javascript
Vue Render函数创建DOM节点代码实例
2020/07/08 Javascript
针对Vue路由history模式下Nginx后台配置操作
2020/10/22 Javascript
vue项目配置 webpack-obfuscator 进行代码加密混淆的实现
2021/02/26 Vue.js
[40:50]2014 DOTA2国际邀请赛中国区预选赛 5 23 CIS VS LGD第四场
2014/05/24 DOTA
浅谈Python 对象内存占用
2016/07/15 Python
利用信号如何监控Django模型对象字段值的变化详解
2017/11/27 Python
一份python入门应该看的学习资料
2018/04/11 Python
Python实现求解括号匹配问题的方法
2018/04/17 Python
opencv转换颜色空间更改图片背景
2019/08/20 Python
pygame实现成语填空游戏
2019/10/29 Python
python ftplib模块使用代码实例
2019/12/31 Python
Python selenium爬取微信公众号文章代码详解
2020/08/12 Python
用Python自动清理系统垃圾的实现
2021/01/18 Python
促销活动总结模板
2014/07/01 职场文书
故宫导游词
2015/01/31 职场文书
班主任经验交流心得体会
2015/11/02 职场文书
详解JavaScript中的执行上下文及调用堆栈
2021/04/29 Javascript
GO语言异常处理分析 err接口及defer延迟
2022/04/14 Golang