编程 Javascript

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>

jQuery使用正则表达式替换dom元素标签用法示例

- Author -

ISaiSai

声明：登载此文出于传递更多信息之目的，并不意味着赞同其观点或证实其描述。

Javascript 相关文章推荐

JavaScript高级程序设计读书笔记之十一内置对象Global

Mar 07 Javascript

jQuery快速上手：写jQuery与直接写JS的区别详细解析

Aug 26 Javascript

JavaScript中textRange对象使用方法小结

Mar 24 Javascript

在AngularJS中使用AJAX的方法

Jun 17 Javascript

BootStrap下拉菜单和滚动监听插件实现代码

Sep 26 Javascript

原生node.js案例--前后台交互

Feb 20 Javascript

JS实现复制功能

Mar 01 Javascript

vue.js中Vue-router 2.0基础实践教程

May 08 Javascript

js中el表达式的使用和非空判断方法

Mar 28 Javascript

解决linux下node.js全局模块找不到的问题

May 15 Javascript

通过js给网页加上水印背景实例

Jun 17 Javascript

vue vantUI实现文件（图片、文档、视频、音频）上传（多文件）

Oct 15 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