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操作select方法大全[新增、修改、删除、选中、清空、判断存在等]
Sep 26 Javascript
ExtJs使用IFrame的实现代码
Mar 24 Javascript
关于JavaScript中string 的replace
Apr 12 Javascript
EXTjs4.0的store的findRecord的BUG演示代码
Jun 08 Javascript
JS远程获取网页源代码实例
Sep 05 Javascript
编写自己的jQuery提示框(Tip)插件
Feb 05 Javascript
Bootstrap每天必学之导航
Nov 26 Javascript
js判断复选框是否选中及选中个数的实现代码
May 30 Javascript
BootStrap中的Fontawesome 图标
May 25 Javascript
详解基于electron制作一个node压缩图片的桌面应用
Jan 29 Javascript
VUE+elementui面包屑实现动态路由详解
Nov 04 Javascript
vue移动端使用appClound拉起支付宝支付的实现方法
Nov 21 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在数组中查找指定值的方法
2015/03/17 PHP
php中this关键字用法分析
2016/12/07 PHP
JS如何判断移动端访问设备并解析对应CSS
2013/11/27 Javascript
ajax提交表单实现网页无刷新注册示例
2014/05/08 Javascript
jQuery实现简洁的导航菜单效果
2015/11/23 Javascript
javascript执行环境及作用域详解
2016/05/05 Javascript
Angular.js跨controller实现参数传递的两种方法
2017/02/20 Javascript
Node.js Mongodb 密码特殊字符 @的解决方法
2017/04/11 Javascript
从零开始学习Node.js系列教程五:服务器监听方法示例
2017/04/13 Javascript
详解webpack打包vue时提取css
2017/05/26 Javascript
Vue学习笔记进阶篇之vue-router安装及使用方法
2017/07/19 Javascript
javascript计算对象长度的方法
2017/10/25 Javascript
IE11下使用canvas.toDataURL报SecurityError错误的解决方法
2017/11/19 Javascript
jquery中有哪些api jQuery主要API
2017/11/20 jQuery
JavaScript正则表达式函数总结(常用)
2018/02/22 Javascript
vue.js2.0点击获取自己的属性和jquery方法
2018/02/23 jQuery
Vue EventBus自定义组件事件传递
2018/06/25 Javascript
微信小程序中使用ECharts 异步加载数据的方法
2018/06/27 Javascript
jQuery实现小火箭返回顶部特效
2020/02/03 jQuery
vue 监听 Treeselect 选择项的改变操作
2020/08/31 Javascript
python实现多线程暴力破解登陆路由器功能代码分享
2015/01/04 Python
Python优先队列实现方法示例
2017/09/21 Python
Python使用MD5加密算法对字符串进行加密操作示例
2018/03/30 Python
pandas修改DataFrame列名的实现方法
2019/02/22 Python
python多进程读图提取特征存npy
2019/05/21 Python
分享8个非常流行的 Python 可视化工具包
2019/06/05 Python
Python3和PyCharm安装与环境配置【图文教程】
2020/02/14 Python
css背景图片的背景裁切、背景透明度、背景变换等效果运用
2012/12/24 HTML / CSS
植村秀加拿大官网:Shu Uemura加拿大
2019/09/03 全球购物
什么是静态路由?什么是动态路由?各自的特点是什么?
2015/09/16 面试题
27个经典Linux面试题及答案,你知道几个?
2014/03/11 面试题
python+selenium小米商城红米K40手机自动抢购的示例代码
2021/03/24 Python
办公室文员工作职责
2014/01/31 职场文书
股东协议书范本
2014/04/14 职场文书
政府采购方案
2014/06/12 职场文书
SpringBoot集成Redis,并自定义对象序列化操作
2021/06/22 Java/Android