用 Javascript 更改每个图像 src 的开头？

Question

我正在尝试使用 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"

有没有办法对某个 class 的所有图像执行此操作？或者我是否必须创建一个循环来执行此操作？

谢谢。

Answer 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
}

Answer 2

此代码有效：

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

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

用 Javascript 更改每个图像 src 的开头？

Change beginning of each image src with Javascript?

javascript

image