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 入门基础学习
Mar 10 Javascript
根据json字符串生成Html的一种方式
Jan 09 Javascript
图片上传插件jquery.uploadify详解
Nov 15 Javascript
js随机生成网页背景颜色的方法
Feb 26 Javascript
Jquery 垂直多级手风琴菜单附源码下载
Nov 17 Javascript
Node.js的环境安装配置(使用nvm方式)
Oct 11 Javascript
Node.js与Sails redis组件的使用教程
Feb 14 Javascript
javascript 日期相减-在线教程(附代码)
Aug 17 Javascript
VueJs组件prop验证简单介绍
Sep 12 Javascript
微信小程序如何实现全局重新加载
Jun 05 Javascript
js实现页面导航层级指示效果
Aug 25 Javascript
三种方式清除vue路由跳转router-link的历史记录
Apr 10 Vue.js
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
牡丹941资料
2021/03/01 无线电
PHP自动选择 连接本地还是远程数据库
2010/12/02 PHP
Php连接及读取和写入mysql数据库的常用代码
2014/08/11 PHP
详解PHP错误日志的获取方法
2015/07/20 PHP
PHP封装的XML简单操作类完整实例
2017/11/13 PHP
Laravel框架实现修改登录和注册接口数据返回格式的方法
2018/08/17 PHP
PHP生成二维码与识别二维码的方法详解【附源码下载】
2019/03/07 PHP
在PHP中实现使用Guzzle执行POST和GET请求
2019/10/15 PHP
jquery ajax 检测用户注册时用户名是否存在
2009/11/03 Javascript
jQuery 常见学习网站与参考书
2009/11/09 Javascript
解析js原生方法创建表格效率测试
2013/07/08 Javascript
Jquery chosen动态设置值实例介绍
2013/08/08 Javascript
动态加载script文件的两种方法
2013/08/15 Javascript
js数组的基本操作(很全自己整理的)
2014/10/16 Javascript
JavaScript字符串对象toUpperCase方法入门实例(用于把字母转换为大写)
2014/10/17 Javascript
jquery实现左右无缝轮播图
2020/07/31 Javascript
详解Javascript中的原型OOP
2016/10/12 Javascript
Bootstrap栅格系统的使用和理解2
2016/12/14 Javascript
JavaScript省市级联下拉菜单实例
2017/02/14 Javascript
详解webpack+es6+angular1.x项目构建
2017/05/02 Javascript
jQuery选择器之表单元素选择器详解
2017/09/19 jQuery
用ES6写全屏滚动插件的示例代码
2018/05/02 Javascript
Jquery实现获取子元素的方法分析
2019/08/24 jQuery
Vue(定时器)解决mounted不能获取到data中的数据问题
2020/07/30 Javascript
[50:15]VP vs Mineski 2018国际邀请赛淘汰赛BO3 第二场 8.22
2018/08/23 DOTA
[01:54]TI珍贵瞬间系列(五):压力
2020/08/29 DOTA
python实现文本文件合并
2015/12/29 Python
python argparser的具体使用
2019/11/10 Python
python的help函数如何使用
2020/06/11 Python
在HTML5中如何使用CSS建立不可选的文字
2014/10/17 HTML / CSS
HTML5如何使用SVG的方法示例
2019/01/11 HTML / CSS
区域销售经理职责
2013/12/22 职场文书
高三毕业寄语
2014/04/10 职场文书
学生鉴定评语大全
2014/05/05 职场文书
印刷技术专业自荐信
2014/09/18 职场文书
公司表扬信格式
2015/05/04 职场文书