在我的html页面中查找图像标记,并使用Jquery替换为域名

时间:2011-12-23 14:00:30

标签: jquery

我的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吗?

1 个答案:

答案 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开头,如果不是

,则链接将同时发挥作用