javascript - 棘手的 JQuery 更新图像 href 问题

Question

好吧，我不知道它是否可以完成，但凭借我们在 stackoverflow 上的伟大思想，我相信有人可以为我指明正确的方向。

所以我希望动态更新图像的 href 标签，这样当用户选择不同的产品选项(比如不同的香味)时，图像链接会将用户带到该香味的较大图像文件。

这是目前的代码:

$("#main-image").attr("href", $('.more-views ul li a img[alt="' + $select.find('option:selected')[0].getAttribute('product_id') + '"]').attr('src'));

所以这是简单的部分。现在棘手的部分是削减代码获取的 url。

现在它只获取较小版本的图像来填充扩展 View 。我需要它来获得更大的图像。

这是大图的链接: http://staging.greencupboards.com/media/catalog/product/cache/1/image/9df78eab33525d08d6e5fb8d27136e95/feeds/MrsMeyers/MRM-64565-a.jpg

下面是小图的链接: http://staging.greencupboards.com/media/catalog/product/cache/1/image/370x/9df78eab33525d08d6e5fb8d27136e95/feeds/MrsMeyers/MRM-64565-a.jpg

请注意较小的图像如何在路径名中包含 370x。有什么办法可以将其视为字符串并将其过滤掉吗？？!请记住，我需要使用上面的 .attr 代码。

让javascript天才来吧!

提前致谢!

Answer 1

只需添加一个.replace(/370x\//,'')到.attr('src')

$("#main-image").attr("href",
                  $('.more-views ul li a img[alt="'
                         + $select.find('option:selected')[0].getAttribute('product_id')
                         + '"]')
                    .attr('src')
                    .replace(/370x\//,'') );