首页 > 编程 > JavaScript > 正文

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

2019-11-19 17:55:30
字体:
来源:转载
供稿:网友

本文实例讲述了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正则表达式在线测试工具:
http://tools.VeVB.COm/regex/javascript

正则表达式在线生成工具:
http://tools.VeVB.COm/regex/create_reg

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

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

发表评论 共有条评论
用户名: 密码:
验证码: 匿名发表