您现在的位置:首页 >> 前端 >> 内容

html字符串中怎么匹配所有img的src?

时间:2017/12/14 10:17:47 点击:

  核心提示:html字符串中怎么匹配所有img的src?script type=text///思路分两步:.//1,匹配出图片img标签(即匹配出所有图片),过滤其他不需要的字符//2.从匹配出来的结果(img标...

html字符串中怎么匹配所有img的src?

<script type="text/javascript">
//思路分两步:.
//1,匹配出图片img标签(即匹配出所有图片),过滤其他不需要的字符
//2.从匹配出来的结果(img标签中)循环匹配出图片地址(即src属性)
let allStr = $('#tab1').html();   //html字符串
//匹配图片(g表示匹配所有结果i表示区分大小写)

var imgReg = /<img.*?(?:>|\/>)/gi;

//匹配src属性
var srcReg = /src=[\'\"]?([^\'\"]*)[\'\"]?/i;
var arr = allStr.match(imgReg);

console.log('arr------->', arr);
let imgSrc = [];
if(arr) {
    for (var i = 0; i < arr.length; i++) {
     imgSrc = arr[i].match(srcReg);
    }

}else {
    imgSrc = [ '<img src="./images/news160812/1.jpg" width="100%" text-align:"center"=""/>', "./images/news161222/3.png"]
}                 
</script>

Tags:HT TM ML L字 
作者:网络 来源:WYX1501147