jQuery使用正則表達(dá)式替換dom元素標(biāo)簽用法示例
更新時(shí)間：2017年01月16日 10:52:44 作者：ISaiSai
這篇文章主要介紹了jQuery使用正則表達(dá)式替換dom元素標(biāo)簽的方法,結(jié)合具體實(shí)例形式分析了jQuery正則替換的操作技巧,需要的朋友可以參考下
本文實(shí)例講述了jQuery使用正則表達(dá)式替換dom元素標(biāo)簽用法。分享給大家供大家參考，具體如下：
這里主要通過如下正則表達(dá)式來替換dom元素中的標(biāo)簽：
/<[\/]?(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款非常方便的正則表達(dá)式工具供大家參考使用：
JavaScript正則表達(dá)式在線測(cè)試工具：
http://tools.jb51.net/regex/javascript
正則表達(dá)式在線生成工具：
http://tools.jb51.net/regex/create_reg
更多關(guān)于jQuery相關(guān)內(nèi)容可查看本站專題：《jQuery正則表達(dá)式用法總結(jié)》、《jQuery字符串操作技巧總結(jié)》、《jQuery操作xml技巧總結(jié)》、《jQuery擴(kuò)展技巧總結(jié)》、《jquery選擇器用法總結(jié)》及《jQuery常用插件及用法總結(jié)》
希望本文所述對(duì)大家jQuery程序設(shè)計(jì)有所幫助。
相關(guān)文章
Jquery中g(shù)etJSON在asp.net中的使用說明
Jquery中g(shù)etJSON在asp.net中的使用說明，需要的朋友可以參考下。2011-03-03
本文給大家介紹jquery ui tabs的理解,包括屬性、事件、方法和技巧等相關(guān)知識(shí)，對(duì)jquery ui tabs感興趣的朋友一起學(xué)習(xí)吧2015-11-11
JQuery魔力之$("tagName")與selector
DOM 中的 getElementsByTagName()方法在JQuery中的表現(xiàn)就是$(“tagName”)這么簡(jiǎn)單！tag標(biāo)簽（可以是：p、div、button …）標(biāo)簽本身具有ID、Class等屬性2012-03-03
這篇文章主要介紹了jQuery中DOM常見操作,結(jié)合實(shí)例形式總結(jié)分析了jQuery針對(duì)dom屬性操作、文檔操作等常用方法與操作技巧,需要的朋友可以參考下2019-08-08
利用filter函數(shù)可以從wrapper set中過濾符合條件的DOM元素，下面是其具體的用法，希望對(duì)大家有所幫助2014-05-05
jQuery+Ajax實(shí)現(xiàn)無(wú)刷新操作
這篇文章主要介紹了jQuery+Ajax實(shí)現(xiàn)無(wú)刷新操作，分享了采用Ashx+jQuery Ajax實(shí)現(xiàn)“無(wú)刷新登錄”的例子，感興趣的小伙伴們可以參考一下2016-01-01
這篇文章主要介紹了JQuery中queue方法用法,結(jié)合實(shí)例形式分析了queue方法操作函數(shù)隊(duì)列相關(guān)技巧與注意事項(xiàng),需要的朋友可以參考下2019-01-01
jquery 字符串切割函數(shù)substring的用法說明
本篇文章主要是對(duì)jquery字符串切割函數(shù)substring的用法進(jìn)行了介紹，需要的朋友可以過來參考下，希望對(duì)大家有所幫助2014-02-02
jQuery實(shí)現(xiàn)購(gòu)物車計(jì)算價(jià)格功能的方法
這篇文章主要介紹了jQuery實(shí)現(xiàn)購(gòu)物車計(jì)算價(jià)格功能的方法,實(shí)例分析了jQuery針對(duì)html元素的操作技巧,非常具有實(shí)用價(jià)值,需要的朋友可以參考下2015-03-03
jQuery實(shí)現(xiàn)鼠標(biāo)滑過Div層背景變顏色的方法
這篇文章主要介紹了jQuery實(shí)現(xiàn)鼠標(biāo)滑過Div層背景變顏色的方法,涉及jQuery中hover及addClass方法的使用技巧,具有一定參考借鑒價(jià)值,需要的朋友可以參考下2015-02-02