源码网商城,靠谱的源码在线交易网站 我的订单 购物车 帮助

源码网商城

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)
联系客服
客服电话:
400-000-3129
微信版

扫一扫进微信版
返回顶部