Question

用JS批量改变图片的路径

比如 <div class="main">文字文字文字<img src="/upload/123.jpg" /></div>
想使用JS批量输入出为： <div class="main">文字文字文字<img src="http://www.abc.com/upload/123.jpg" /></div>
即给图片前面增加一个网址，/upload/ 这个路径名是固定不变的。
即给图片路径前面追加一个网址，请给具体解决办法，勿复制粘贴。谢谢！

Answer 1

var html = '<div class="main">文字文字文字<img src="/upload/123.jpg" /></div>';
var reg = /(<div[^>]*class[=\"\']+main[\"\']?[^>]*>(?:(?!<img)[\s\S])*<img[^>]*src[=\"\']+)(\/upload[^\"\']*[\"\']?[^>]*>(?:(?!<\/div>)[\s\S])*<\/div>)/gi;
html = html.replace(reg, "$1http://www.abc.com$2");
console.log(html);

Answer 2

$(function(){
var a=$(".main>img").attr("src");
b="http://www.abc.com"+a;
$(".main>img").attr("src",b);
})