使用jquery如何在浏览器中返回图像后更改图像src属性的http参数

时间:2013-07-23 05:13:20

标签: javascript jquery demandware

我正在获得一个看起来像这样的图像标签

http://sits-pod18.demandware.net/dw/image/v2/aaen_s31/on/demandware.static/Sites-kerastase-Site/Sites-kerastase-master-catalog/default/v1349421867355/large/Styling /Construct/Mousse_Bouffant_1000x1000.png?sw=226&sh=226',sizingMethod ='scale'); border:none;“; =”“>

如果我简化了这个,那么图像标签的http字符串就像这样

http://sits-pod18.demandware.net/dw/image/v2/aaen_s31/on/demandware.static/Sites-kerastase-Site/Sites-kerastase-master-catalog/default/v1349421867355/large/Styling/Construct/Forme_Fatale_1000x1000.png?sw=350&sh=350

http://sits-pod18.demandware.net/dw/image/v2/aaen_s31/on/demandware.static/Sites-kerastase-Site/Sites-kerastase-master-catalog/default/v1349421867355/large/Styling/Construct/Mousse_Bouffant_1000x1000.png?sw=226&sh=226

可以说这些标签中有10 -15个用div =“foo”包含在div中

我正在尝试使用jquery将sw = 226& sh = 226改为sw = 350& sh = 350。

我该如何处理?不幸的是,我无法改变图像进入页面的方式。如果我能做到那么我会接近改变图像标签的高度和宽度属性。

让我知道如果这听起来令人困惑,那么我可以尝试准备一个小提琴来解释它。棘手的部分是它必须在jquery 1.3.2中工作......它完全是坚果

提前致谢

2 个答案:

答案 0 :(得分:2)

尝试

$('.foo').each(function() {
    this.src = this.src.replace(/=226/g, '=350');
});

答案 1 :(得分:1)

这是一个简单的字符串替换:

img.src = img.src.replace("sw=226&sh=226", "sw=350&sh=350");

...其中img是有问题的HTMLImageElement

要使用jQuery执行大量操作,您可以使用each

$("selector for the images in question").each(function() {
    this.src = this.src.replace("sw=226&sh=226", "sw=350&sh=350");
});