Question

我的网站上有一些像下面的图像拇指代码，从第三方网站到我的网站

<div class="thumb"><img src="//www.abc.com/website/thumbs/461/beautifulimage/test1a.jpg" rel="//www.abc.com/website/thumbs/461/beautifulimage/test1a.jpg"></div>

我想替换

中的网址

//www.abc.com/website/thumbs/461

到

//www.abc.com/website/thumbs/800

那么，如何在页面加载时替换URL，以便加载类似下面的代码

<div class="thumb"><img src="//www.abc.com/website/thumbs/800/beautifulimage/test1a.jpg" rel="//www.abc.com/website/thumbs/800/beautifulimage/test1a.jpg"></div>

有什么方法可以像这样调用URL吗？

Answer 1

我认为将图片缩略图网址中的461更改为800是件事。这可以通过jQuery轻松解决。只需遍历所有缩略图图像，然后将/461/替换为/800/。

这必须在文档准备就绪后完成，这就是你可以做到的。

$(document).ready(function(e){
    $('.thumb img').each(function(index){
       var urlpath=$(this).attr('src');
       urlpath=urlpath.replace("/461/", "/800/");
       $(this).attr('src',urlpath);
    });
});

演示： https://jsfiddle.net/

我们使用each() jQuery函数迭代所有缩略图，并使用attr() jQuery函数设置和获取图像元素的src。

如何重写URL的某些部分？

1 个答案: