当前位置：首页 > 资讯 > 技术文档

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

时间：2021-01-21 20:03 编辑：来源：阅读：
扫一扫，手机访问

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

本文实例讲述了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>

[b]PS：这里再为大家提供2款非常方便的正则表达式工具供大家参考使用：[/b] [b]JavaScript正则表达式在线测试工具： [/b][url=http://tools.jb51.net/regex/javascript]http://tools.jb51.net/regex/javascript[/url] [b]正则表达式在线生成工具： [/b][url=http://tools.jb51.net/regex/create_reg]http://tools.jb51.net/regex/create_reg[/url] 更多关于jQuery相关内容可查看本站专题：《[url=http://www.1sucai.cn/Special/913.htm]jQuery正则表达式用法总结[/url]》、《[url=http://www.1sucai.cn/Special/677.htm]jQuery字符串操作技巧总结[/url]》、《[url=http://www.1sucai.cn/Special/354.htm]jQuery操作xml技巧总结[/url]》、《[url=http://www.1sucai.cn/Special/451.htm]jQuery扩展技巧总结[/url]》、《[url=http://www.1sucai.cn/Special/75.htm]jquery选择器用法总结[/url]》及《[url=http://www.1sucai.cn/Special/200.htm]jQuery常用插件及用法总结[/url]》希望本文所述对大家jQuery程序设计有所帮助。

全部评论(0)

上一篇：PHP实现通过正则表达式替换回调的内容标签
下一篇：使用正则表达式匹配[***]样式的字符串

资讯排行榜
更多>>