狡猾的JQuery更新图片href问题

Tricky JQuery update image href question

本文关键字：href 问题 更新 JQuery      更新时间：2023-09-26

好吧，所以我不知道是否可以做到，但凭借我们在stackoverflow上的出色头脑，我相信有人可以为我指明正确的方向。

因此，我希望动态更新图像的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天才来吧！

提前感谢！

只需将.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'//,'') );
相关文章：