jQuery使用正则表达式替换dom元素标签用法示例
更新时间：2017年01月16日 10:52:44 作者：ISaiSai
这篇文章主要介绍了jQuery使用正则表达式替换dom元素标签的方法,结合具体实例形式分析了jQuery正则替换的操作技巧,需要的朋友可以参考下
本文实例讲述了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.jb51.net/regex/javascript
正则表达式在线生成工具：
http://tools.jb51.net/regex/create_reg
更多关于jQuery相关内容可查看本站专题：《jQuery正则表达式用法总结》、《jQuery字符串操作技巧总结》、《jQuery操作xml技巧总结》、《jQuery扩展技巧总结》、《jquery选择器用法总结》及《jQuery常用插件及用法总结》
希望本文所述对大家jQuery程序设计有所帮助。
相关文章
Jquery中getJSON在asp.net中的使用说明，需要的朋友可以参考下。2011-03-03
本文给大家介绍jquery ui tabs的理解,包括属性、事件、方法和技巧等相关知识，对jquery ui tabs感兴趣的朋友一起学习吧2015-11-11
JQuery魔力之$("tagName")与selector
DOM 中的 getElementsByTagName()方法在JQuery中的表现就是$(“tagName”)这么简单！tag标签（可以是：p、div、button …）标签本身具有ID、Class等属性2012-03-03
这篇文章主要介绍了jQuery中DOM常见操作,结合实例形式总结分析了jQuery针对dom属性操作、文档操作等常用方法与操作技巧,需要的朋友可以参考下2019-08-08
利用filter函数可以从wrapper set中过滤符合条件的DOM元素，下面是其具体的用法，希望对大家有所帮助2014-05-05
这篇文章主要介绍了jQuery+Ajax实现无刷新操作，分享了采用Ashx+jQuery Ajax实现“无刷新登录”的例子，感兴趣的小伙伴们可以参考一下2016-01-01
这篇文章主要介绍了JQuery中queue方法用法,结合实例形式分析了queue方法操作函数队列相关技巧与注意事项,需要的朋友可以参考下2019-01-01
本篇文章主要是对jquery字符串切割函数substring的用法进行了介绍，需要的朋友可以过来参考下，希望对大家有所帮助2014-02-02
这篇文章主要介绍了jQuery实现购物车计算价格功能的方法,实例分析了jQuery针对html元素的操作技巧,非常具有实用价值,需要的朋友可以参考下2015-03-03
这篇文章主要介绍了jQuery实现鼠标滑过Div层背景变颜色的方法,涉及jQuery中hover及addClass方法的使用技巧,具有一定参考借鉴价值,需要的朋友可以参考下2015-02-02
最新评论