Question

我在页面中有一个图像列表。

 <img src="image/one.jpg"/>
 <img src="image/two.jpg"/>
 <img src="image/three.jpg"/>
 <img src="image/four.jpg"/>
 <img src="image/five.jpg"/>
 <img src="image/six.jpg"/>
 <img src="image/seven.jpg"/>

如何在第一次加载页面时将image/的路径更改为'http://mywebsite.com/folder/'？

我想使用javascript或jquery。

提前致谢。

Answer 1

首先，我认为您需要定义标识符，例如ID或类，然后您可以使用此代码：

在这段代码中，我们改变了＆＃34; classX＆＃34;的所有元素的路径。班级

$(document).ready(function(){
    $('.classX').each(function() {
        var path = $(this).attr('src');
        $(this).attr('src', path.replace("image", "http://mywebsite.com/folder"));
    })
})

Answer 2

尝试使用jQuery attr方法

$('img').attr('src','http://mywebsite.com/folder/');

Answer 3

您可以尝试使用.each()循环遍历img元素，然后使用substring()方法获取每个img标记的src：

$("img").each(function(){
  $(this).attr("src","http://mywebsite.com/folder/"+($(this).attr("src")).substring(($(this).attr("src")).lastIndexOf("/")+1));
});

FIDDLE

Answer 4

你可以在dom ready上使用.attr（）

jQuery(function () {
    $('img').attr('src', function (i, src) {
        return 'http://mywebsite.com/folder/' + src.split('/')[1];
    })
})

演示：Fiddle

替换图像文件名上的所有路径

4 个答案: