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 相关文章推荐
jQuery 可以拖动的div实现代码 脚本之家修正版
Jun 26 Javascript
JQuery动画和停止动画实例代码
Mar 01 Javascript
JS匀速运动演示示例代码
Nov 26 Javascript
node.js中的fs.writeSync方法使用说明
Dec 15 Javascript
js实现简单的左右两边固定广告效果实例
Apr 10 Javascript
详解JavaScript ES6中的Generator
Jul 28 Javascript
jQuery checkbox选中问题之prop与attr注意点分析
Nov 15 Javascript
JS数组操作之增删改查的简单实现
Aug 21 Javascript
JS简单实现点击跳转登陆邮箱功能的方法
Oct 31 Javascript
基于vue.js的分页插件详解
Nov 27 Javascript
浅析JS中回调函数及用法
Jul 25 Javascript
JavaScript遍历数组和对象的元素简单操作示例
Jul 09 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 curl实现抓取302跳转后页面的示例
2014/07/04 PHP
PHP执行linux命令常用函数汇总
2016/02/02 PHP
PHP+redis实现的悲观锁机制示例
2018/06/12 PHP
PhpStorm2020.1 安装 debug - Postman 调用的详细教程
2020/08/17 PHP
JS中动态添加事件(绑定事件)的代码
2011/01/09 Javascript
JavaScript的21条基本知识点
2014/03/04 Javascript
jQuery使用$.get()方法从服务器文件载入数据实例
2015/03/25 Javascript
JQuery工具函数汇总
2015/06/15 Javascript
js实现碰撞检测特效代码分享
2016/10/16 Javascript
JavaScript实现多重继承的方法分析
2018/01/09 Javascript
Nuxt.js实战详解
2018/01/18 Javascript
layer.confirm取消按钮绑定事件的方法
2018/08/17 Javascript
vue项目中使用lib-flexible解决移动端适配的问题解决
2018/08/23 Javascript
微信小程序-form表单提交代码实例
2019/04/29 Javascript
js实现上下左右键盘控制div移动
2020/01/16 Javascript
微信小程序如何实现radio单选框单击打勾和取消
2020/01/21 Javascript
three.js利用射线Raycaster进行碰撞检测
2020/03/12 Javascript
vue 根据选择的月份动态展示日期对应的星期几
2021/02/06 Vue.js
python列表去重的二种方法
2014/02/14 Python
在Python中使用HTML模版的教程
2015/04/29 Python
Python实现简单的文件传输与MySQL备份的脚本分享
2016/01/03 Python
Python中实现最小二乘法思路及实现代码
2018/01/04 Python
django传值给模板, 再用JS接收并进行操作的实例
2018/05/28 Python
Python 用三行代码提取PDF表格数据
2019/10/13 Python
OpenCV+Python--RGB转HSI的实现
2019/11/27 Python
布隆过滤器的概述及Python实现方法
2019/12/08 Python
python使用配置文件过程详解
2019/12/28 Python
关于Python不换行输出和不换行输出end=““不显示的问题(亲测已解决)
2020/10/27 Python
scrapy redis配置文件setting参数详解
2020/11/18 Python
丝芙兰巴西官方商城:SEPHORA巴西
2016/10/31 全球购物
什么是"引用"?申明和使用"引用"要注意哪些问题?
2016/03/03 面试题
数学兴趣小组活动总结
2014/07/08 职场文书
基层党建工作汇报材料
2014/08/15 职场文书
作风整顿剖析材料
2014/09/30 职场文书
Java实现给Word文件添加文字水印
2022/02/15 Java/Android
Windows Server 版本 20H2 于 8 月 9 日停止支持,Win10 版本 21H1 将于 12 月结束支
2022/07/23 数码科技