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 异步处理进度条
Apr 01 Javascript
jquery图片上下tab切换效果
Mar 18 Javascript
JavaScript让Textarea支持tab按键的方法
Jun 26 Javascript
AngularJS实现Model缓存的方式
Feb 03 Javascript
jQuery过滤选择器经典应用
Aug 18 Javascript
Vue.js 插件开发详解
Mar 29 Javascript
js每隔两秒输出数组中的一项(实例)
May 28 Javascript
JS之if语句对接事件动作逻辑(详解)
Jun 28 Javascript
实现一个完整的Node.js RESTful API的示例
Sep 29 Javascript
JavaScript伪数组用法实例分析
Dec 22 Javascript
js实现前面自动补全位数的方法
Oct 10 Javascript
webpack 动态批量加载文件的实现方法
Mar 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部分常见问题总结
2008/03/27 PHP
Laravel 在views中加载公共页面的实现代码
2019/10/22 PHP
jQuery ul标签下拉菜单演示代码
2010/12/11 Javascript
Javascript操作URL函数修改版
2013/11/07 Javascript
JS对象与json字符串格式转换实例
2014/10/28 Javascript
Bootstrap3制作搜索框样式的方法
2016/07/11 Javascript
JavaScript队列、优先队列与循环队列
2016/11/14 Javascript
Vue路由跳转问题记录详解
2017/06/15 Javascript
Angular.js自动化测试之protractor详解
2017/07/07 Javascript
JavaScript html5 canvas实现图片上画超链接
2017/10/20 Javascript
基于vue-cli vue-router搭建底部导航栏移动前端项目
2018/02/28 Javascript
H5+C3+JS实现双人对战五子棋游戏(UI篇)
2020/05/28 Javascript
详解搭建一个vue-cli的移动端H5开发模板
2020/01/17 Javascript
基于原生js实现九宫格算法代码实例
2020/07/03 Javascript
微信小程序动态评分展示/五角星展示/半颗星展示/自定义长度展示功能的实现
2020/07/22 Javascript
vue监听浏览器原生返回按钮,进行路由转跳操作
2020/09/09 Javascript
分享8个JavaScript库可更好地处理本地存储
2020/10/12 Javascript
python端口扫描系统实现方法
2014/11/19 Python
python根据给定文件返回文件名和扩展名的方法
2015/03/27 Python
Python 数据结构之堆栈实例代码
2017/01/22 Python
详解python里的命名规范
2018/07/16 Python
Python3.6.2调用ffmpeg的方法
2019/01/10 Python
使用python实现画AR模型时序图
2019/11/20 Python
python操作ini类型配置文件的实例教程
2020/10/30 Python
使用python tkinter开发一个爬取B站直播弹幕工具的实现代码
2021/02/07 Python
Html5页面中的返回实现的方法
2018/02/26 HTML / CSS
初一科学教学反思
2014/01/27 职场文书
《观舞记》教学反思
2014/04/16 职场文书
社区义诊活动总结
2014/04/30 职场文书
打架赔偿协议书范本
2014/10/26 职场文书
2015年仓管员工作总结
2015/04/21 职场文书
大学学习委员竞选稿
2015/11/20 职场文书
python基础之模块的导入
2021/10/24 Python
Redis中key的过期删除策略和内存淘汰机制
2022/04/12 Redis
Python内置的数据类型及使用方法
2022/04/13 Python
mysql函数之截取字符串的实现
2022/08/14 MySQL