欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

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

程序员文章站 2022-06-29 20:10:04
本文实例讲述了jquery使用正则表达式替换dom元素标签用法。分享给大家供大家参考,具体如下: 这里主要通过如下正则表达式来替换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>

ps:这里再为大家提供2款非常方便的正则表达式工具供大家参考使用:

javascript正则表达式在线测试工具:

正则表达式在线生成工具:

更多关于jquery相关内容可查看本站专题:《jquery正则表达式用法总结》、《jquery字符串操作技巧总结》、《jquery操作xml技巧总结》、《jquery扩展技巧总结》、《jquery选择器用法总结》及《jquery常用插件及用法总结

希望本文所述对大家jquery程序设计有所帮助。