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

<script type="text/javascript">
//思路分兩步:作者(yanue).
//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>
發佈了25 篇原創文章 · 獲贊 6 · 訪問量 2萬+
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章