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 Event学习第四章 传统的事件注册模型
Feb 07 Javascript
Date对象格式化函数代码
Jul 17 Javascript
jquery自动切换tabs选项卡的具体实现
Dec 24 Javascript
javascript实时获取鼠标坐标值并显示的方法
Apr 30 Javascript
Angular学习笔记之angular的$filter服务浅析
Nov 12 Javascript
有趣的bootstrap走动进度条
Dec 01 Javascript
原生js实现弹出层登录拖拽功能
Dec 05 Javascript
Angular2使用Angular CLI快速搭建工程(一)
May 21 Javascript
jQuery复合事件结合toggle()方法的用法示例
Jun 10 jQuery
bootstrap+jquery项目引入文件报错的解决方法
Jan 22 jQuery
关于vue状态过渡transition不起作用的原因解决
Apr 09 Javascript
深入浅析golang zap 日志库使用(含文件切割、分级别存储和全局使用等)
Feb 19 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/05/10 PHP
怎样搭建PHP开发环境
2015/07/28 PHP
php封装的smartyBC类完整实例
2016/10/19 PHP
php json相关函数用法示例
2017/03/28 PHP
PHP策略模式定义与用法示例
2017/07/27 PHP
PHP PDOStatement::execute讲解
2019/01/31 PHP
PHP cookie,session的使用与用户自动登录功能实现方法分析
2019/06/05 PHP
PHP设计模式概论【概念、分类、原则等】
2020/05/01 PHP
JavaScript 对象模型 执行模型
2010/10/15 Javascript
jQuery AJAX实现调用页面后台方法和web服务定义的方法分享
2012/03/01 Javascript
JQuery验证jsp页面属性是否为空(实例代码)
2013/11/08 Javascript
常用的几段javascript代码分享
2014/03/25 Javascript
jquery动态分页效果堪比时光网
2014/09/25 Javascript
轻松创建nodejs服务器(7):阻塞操作的实现
2014/12/18 NodeJs
JS日期对象简单操作(获取当前年份、星期、时间)
2016/10/26 Javascript
ES6新特性之类(Class)和继承(Extends)相关概念与用法分析
2017/05/24 Javascript
微信小程序wx:for循环的实例详解
2018/10/07 Javascript
Vue学习之axios的使用方法实例分析
2020/01/06 Javascript
详解JavaScript作用域 闭包
2020/07/29 Javascript
vue项目实现多语言切换的思路
2020/09/17 Javascript
JS如何调用WebAssembly编译出来的.wasm文件
2020/11/05 Javascript
使用Python生成url短链接的方法
2015/05/04 Python
python中的print()输出
2019/04/12 Python
numpy.array 操作使用简单总结
2019/11/08 Python
Django 5种类型Session使用方法解析
2020/04/29 Python
使用python对excel表格处理的一些小功能
2021/01/25 Python
canvas实现扭蛋机动画效果的示例代码
2018/10/17 HTML / CSS
欧洲最大的品牌水上运动服装和设备在线零售商:Wuituit Outlet
2018/05/05 全球购物
Hotels.com加拿大:领先的在线住宿网站
2018/10/05 全球购物
技校教师求职简历的自我评价
2013/10/20 职场文书
会计学专业学生的求职信范文
2014/01/27 职场文书
个性与发展自我评价
2014/02/11 职场文书
给校长的建议书300字
2014/05/16 职场文书
招商引资工作汇报材料
2014/10/28 职场文书
Java SSH 秘钥连接mysql数据库的方法
2021/06/28 Java/Android
纯CSS3实现div按照顺序出入效果
2021/07/15 HTML / CSS