Tricky JQuery更新图像href问题

Question

好吧，我不知道它是否可以完成，但是我们在这里有很棒的思想，我相信有人可以指引我朝着正确的方向发展。

因此，我正在寻找动态更新图像的href标签，以便当用户选择不同的产品选项（可以说不同的气味）时，图像链接会将用户带到该气味的较大图像文件。

这里是到目前为止的代码：

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

所以这是比较容易的部分。现在棘手的部分是削减代码获取的URL。

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

这是链接的大图： 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\//,''));