我的html页面上有很多图像,如下图所示......
<img src="/v/photos/80137-1.jpg" border=0 alt=""></a>
<img src="myimage.jpg" border=0 alt=""></a>
所以我需要做的就是找到所有&lt;页面中的img标签&gt;在身体负荷上用
替换它<img src="http://www.abc.com/v/photos/80137-1.jpg" border=0 alt=""></a>
<img src="http://www.abc.com/myimage.jpg" border=0 alt=""></a>
所以我想知道是否有办法使用Jquery吗?
答案 0 :(得分:3)
$(function() {
$('img').each(function(){
this.src = "http://www.abc.com/"+$(this).attr('src');
});
});
编辑 - 只是解释为什么我在左边使用this.src而在右边使用$(this).attr('src')
:
this.src
访问速度比jQuery版快,但在右边会返回图像的完整路径,所以如果我把这个例子放在jsFiddle中this.src
返回http://jsfiddle.net/myimage.jpg
而{ {1}}仅返回$(this).attr('src')
属性中写的内容:src
。
如果不清楚,请看这个小提琴:http://jsfiddle.net/6cHxR/9/
编辑2 - 使用您要添加的网址中的最终myimage.jpg
(表示使用/
)。这样,如果http://www.abc.com/
以src
开头,如果不是