用Javascript改变每个图像src的开头?

时间:2015-02-02 18:43:30

标签: javascript image

我正在尝试使用Javascript在页面加载之前更改每个图像src的开头。

我想改变

src="v/image1.jpg"
src="v/image2.jpg"
src="v/image2.jpg"

src="http://different-server.com/v/image1.jpg"
src="http://different-server.com/v/image2.jpg"
src="http://different-server.com/v/image3.jpg"

对于某个班级的所有图像,有没有办法做到这一点?或者我是否必须创建一个执行此操作的循环?

谢谢。

2 个答案:

答案 0 :(得分:1)

您可以这样做:

var srcElement = document.getElementsByClassName('your_class');
for(var i=0;i<srcElement.length;i++){
  srcElement[i].src = "http://different-server.com/" + srcElement[i].src
}

答案 1 :(得分:-1)

此代码有效:

$.each($("img"), function( index, value ) {
    srcValue = "http://different-server.com/" + $(this).attr("src")
    $(this).attr("src", srcValue)
});

参见jsFiddle:http://jsfiddle.net/wkf3cpe9/