本文實例講述了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返回的數組不是 多個Img對象，而是
["<img src="/11.jpg" target-type='replace' />", "'", "'"]
不明白。。。。
後來驗證是我的錯，正則中 有g配置，是否下移至下一個目標。
正確
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表示要搜索字符串出現的,而不是找到第一個匹配後就停止。如果還要模式不區分大小寫,可以給第二個參數添加字符 i
PS：這裡再為大家提供2款非常方便的正則表達式工具供大家參考使用：
Javascript正則表達式在線測試工具：
http://tools.jb51.net/regex/javascript
正則表達式在線生成工具：
http://tools.jb51.net/regex/create_reg
更多關於Javascript相關內容感興趣的讀者可查看本站專題：《Javascript正則表達式技巧大全》、《Javascript替換操作技巧總結》、《Javascript查找算法技巧總結》、《Javascript數據結構與算法技巧總結》、《Javascript遍歷算法與技巧總結》、《Javascript中json操作技巧總結》、《Javascript錯誤與調試技巧總結》及《Javascript數學運算用法總結》
希望本文所述對大家Javascript程序設計有所幫助。