在中查找圖片網址的正則表達式 <img> 使用javascript在HTML中標記

Question

從圖像標簽中收集數組srcs url的更快方法是什么？

var result = [];
var html= '<img src="http://mysite.com/a/b/c/images/aaa.jpg"><img src="http://mysite.com/a/b/c/images/bbb.jpg"><img src="http://mysite.com/a/b/c/images/ccc.jpg">'

因此結果應在數組中列出為：

http://mysite.com/a/b/c/images/aaa.jpg
http://mysite.com/a/b/c/images/bbb.jpg
http://mysite.com/a/b/c/images/ccc.jpg

Answer 1

不要嘗試自己解析字符串：

var tmp = document.createElement('div');
tmp.innerHTML = html;
var imgs = tmp.getElementsByTagName('img'), l = imgs.length, i;
for( i=0; i<l; i++) result[i] = imgs[i].src;

Answer 2

使用jQuery：

var result = [];
var html   = '<img src="http://mysite.com/a/b/c/images/aaa.jpg"><img src="http://mysite.com/a/b/c/images/bbb.jpg"><img src="http://mysite.com/a/b/c/images/ccc.jpg">';

$(html).each(function(){
  result.push($(this).attr('src'));
});