给图片元素的路径增加相同的域名前缀

例如我们有这样的html:

我们现在要把这个页面的图片路径全部加上域名的前缀，怎么做呢？上代码：

<script src="__STATIC__/layui_2.5.5/layui.js"></script>
<script>
	var img = $('.detail p img')
	img.each(function(){
		var txt = $(this).attr('src').substr(0,1000);//截取从首个字符开始的1000个字符
		http = "http://shop.hanlusir.com"
		$(this).removeAttr('src')
		$(this).attr('lay-src',http + txt)

	});

	//懒加载
	layui.use('flow', function(){
		var flow = layui.flow;
		//当你执行这样一个方法时，即对页面中的全部带有lay-src的img元素开启了懒加载（当然你也可以指定相关img）
		flow.lazyimg();
	});

</script>

当然了，上面那张图展示的是已经加成功的效果，原来的图片路径都是没有带域名的，没有带域名所以显示不出来。