JS正則獲取HTML元素的方法
本文實(shí)例講述了JS正則獲取HTML元素的方法。分享給大家供大家參考,具體如下:
var html = $("#summaryTemplate").html(); var imageMath = /<img [^<,>]*(?=target-type=("|')replace("|'))[^/,<,>]*\/>/; var scriptMath = /<script [^<,>]*(?=target-type=("|')replace("|'))[^/,<,>]*><\/script>/; var linkMath = /<link [^<,>]*(?=target-type=("|')replace("|'))[^/,<,>]*\/>/; alert(html.match(imageMath)); var ht="<img src='/11.jpg' target-type='replace' />asf <img src='/12.jpg' target-type='replace' /> <img src='/13.jpg' target-type='replace' />"; ht.match(imageMath)
為什么Math返回的數(shù)組不是 多個(gè)Img對(duì)象,而是
["<img src="/11.jpg" target-type='replace' />", "'", "'"]
不明白。。。。
后來(lái)驗(yàn)證是我的錯(cuò),正則中 有g(shù)配置,是否下移至下一個(gè)目標(biāo)。
正確
var attrbuteMath = "(?:\\w+)\\s*(?:=[^{,},<,>]+)"; var srcMath = "src(?:=[^{,},<,>]+)"; var hrefMath = "href(?:=[^{,},<,>]+)"; var scriptMath = "<script\\s+(?:" + attrbuteMath + ")*><\/script>"; var ge = new RegExp(scriptMath,"gi"); // var html = "<script asdfsadf='asdfsaf' asf=aaadsdfsdf style='' src='' ><\/script>asdfsaf<script asdfsadf='asdfsaf' asf=''aa adsdfsdf ><\/script>"; var html = $("#txtHtml").val(); var result = ge.exec(html); alert(result);
g表示要搜索字符串出現(xiàn)的,而不是找到第一個(gè)匹配后就停止。如果還要模式不區(qū)分大小寫,可以給第二個(gè)參數(shù)添加字符 i
PS:這里再為大家提供2款非常方便的正則表達(dá)式工具供大家參考使用:
JavaScript正則表達(dá)式在線測(cè)試工具:
http://tools.jb51.net/regex/javascript
正則表達(dá)式在線生成工具:
http://tools.jb51.net/regex/create_reg
希望本文所述對(duì)大家JavaScript程序設(shè)計(jì)有所幫助。
相關(guān)文章
基于javascript實(shí)現(xiàn)樣式清新圖片輪播特效
這篇文章主要為大家詳細(xì)介紹了基于javascript實(shí)現(xiàn)樣式清新圖片輪播特效,具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2016-03-03快速解決js中window.location.href不工作的問(wèn)題
下面小編就為大家?guī)?lái)一篇快速解決js中window.location.href不工作的問(wèn)題。小編覺(jué)得挺不錯(cuò)的,現(xiàn)在就分享給大家,也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2016-11-11深入理解JavaScript系列(29):設(shè)計(jì)模式之裝飾者模式詳解
這篇文章主要介紹了深入理解JavaScript系列(29):設(shè)計(jì)模式之裝飾者模式詳解,裝飾者用用于包裝同接口的對(duì)象,不僅允許你向方法添加行為,而且還可以將方法設(shè)置成原始對(duì)象調(diào)用(例如裝飾者的構(gòu)造函數(shù)),需要的朋友可以參考下2015-03-03js獲取或設(shè)置當(dāng)前窗口url參數(shù)的小例子
這篇文章介紹了js獲取或設(shè)置當(dāng)前窗口url參數(shù)的小例子,有需要的朋友可以參考一下2013-10-10學(xué)習(xí)javascript面向?qū)ο?實(shí)例講解面向?qū)ο筮x項(xiàng)卡
這篇文章主要介紹了面向?qū)ο筮x項(xiàng)卡實(shí)現(xiàn)方法,幫助大家更好地學(xué)習(xí)javascript面向?qū)ο?,感興趣的小伙伴們可以參考一下2016-01-01JS 插件dropload下拉刷新、上拉加載使用小結(jié)
這篇文章主要介紹了JS 插件dropload下拉刷新、上拉加載使用小結(jié),需要的朋友可以參考下2017-04-04