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

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

我想换衣服

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

到

有没有办法对某个类的所有图像都这样做？或者我必须创建一个循环来实现这一点

谢谢。

您可以这样做：

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

var srceelement=document.getElementsByClassName（'your_class'）；
对于（var i=0；i而言，此代码有效：

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

请参阅JSFIDLE:
无论您如何编写，都必须使用一个循环，无论您是为/each编写解释，还是调用一个只使用自身内部循环的函数。您尝试过什么？使用jQuery来完成这类工作的例子有很多很多。您是否发现它们在某种程度上不适合您？@MarcB解决方案将涉及一个循环，但不一定是OP必须编写的循环。问题是“我是否必须创建一个这样做的循环？”？在页面加载有点晚之前。当您可以更改图像时，浏览器将已经获取图像。OP说他们希望使用特定类的图像作为目标。谢谢。我本来想使用Javascript，但您的JQuery解决方案对我来说效果最好。
$.each($("img"), function( index, value ) {
    srcValue = "http://different-server.com/" + $(this).attr("src")
    $(this).attr("src", srcValue)
});