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实现的像java、c#之类的sleep暂停的函数代码
Mar 04 Javascript
来自国外的30个基于jquery的Web下拉菜单
Jun 22 Javascript
将input file的选择的文件清空的两种解决方案
Oct 21 Javascript
现代 JavaScript 开发编程风格Idiomatic.js指南中文版
May 28 Javascript
JQ实现新浪游戏首页幻灯片
Jul 29 Javascript
JavaScript基础知识点归纳(推荐)
Jul 09 Javascript
JS实战篇之收缩菜单表单布局
Dec 10 Javascript
JavaScript贪吃蛇小组件实例代码
Aug 20 Javascript
JS遍历JSON数组及获取JSON数组长度操作示例【测试可用】
Dec 12 Javascript
layer弹出层取消遮罩的方法
Sep 25 Javascript
解决layui-table单元格设置为百分比在ie8下不能自适应的问题
Sep 28 Javascript
解决vuex数据异步造成初始化的时候没值报错问题
Nov 13 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
人大复印资料处理程序_补充篇
2006/10/09 PHP
php仿discuz分页效果代码
2008/10/02 PHP
php获取flash尺寸详细数据的方法
2016/11/12 PHP
PHP中SESSION过期设置
2021/03/09 PHP
用方法封装javascript的new操作符(一)
2010/12/25 Javascript
JS中的二叉树遍历详解
2016/03/18 Javascript
JS使用单链表统计英语单词出现次数
2016/06/16 Javascript
基于jQuery实现多标签页切换的效果(web前端开发)
2016/07/24 Javascript
AngularJS基础 ng-selected 指令简单示例
2016/08/03 Javascript
微信端开发--登录小程序步骤
2017/01/11 Javascript
canvas红包照片实例分享
2017/02/28 Javascript
jQuery EasyUI的TreeGrid查询功能实现方法
2017/08/08 jQuery
vue中多路由表头吸顶实现的几种布局方式
2019/04/12 Javascript
LayUi数据表格自定义赋值方式
2019/10/26 Javascript
vue子传父关于.sync与$emit的实现
2019/11/05 Javascript
Django Admin实现上传图片校验功能
2016/03/06 Python
Python简单的制作图片验证码实例
2017/05/31 Python
Python实现简单的HttpServer服务器示例
2017/09/25 Python
Python使用装饰器进行django开发实例代码
2018/02/06 Python
python脚本作为Windows服务启动代码详解
2018/02/11 Python
python中subprocess批量执行linux命令
2018/04/27 Python
Python实现京东秒杀功能代码
2019/05/16 Python
python实现动态创建类的方法分析
2019/06/25 Python
elasticsearch python 查询的两种方法
2019/08/04 Python
django和vue实现数据交互的方法
2019/08/21 Python
win10系统Anaconda和Pycharm的Tensorflow2.0之CPU和GPU版本安装教程
2019/12/03 Python
python requests包的request()函数中的参数-params和data的区别介绍
2020/05/05 Python
pycharm 对代码做静态检查操作
2020/06/09 Python
CSS3中的clip-path使用攻略
2015/08/03 HTML / CSS
不同浏览器创建XMLHttpRequest方法有什么不同
2014/11/17 面试题
销售心得体会
2014/01/02 职场文书
大型晚会策划方案
2014/02/06 职场文书
主持词开场白
2014/03/17 职场文书
班子查摆四风个人对照检查材料思想汇报
2014/10/04 职场文书
质量保证书怎么写
2015/02/27 职场文书
JS前端监控采集用户行为的N种姿势
2022/07/23 Javascript