javascript - 如何使用jQuery从 anchor 标记中获取链接

我正在尝试创建一个单击事件，当用户单击图像时，他们会转到产品详细信息页面。我有这个：

var $randomCartItemName = $($randomCartItem).find(".cart__item__name").html();

这在console.log时给我：

<a href="/us/en_us/shop/a2300?skuId=061006-04&amp;addonSkuId=sku-10-year-standard-warranty">A2300</a>

当我单击要带到该页面的div时，它将带我到
https://www.website.com/us/en_us/<a%20href="/us/en_us/shop/a2500?skuId=061007-04&">A2500</a>

我阅读了一些文档，尝试了一些不同的方法，但并没有做太多。有什么建议吗？

谢谢！

最佳答案

您可以简单地在<a>中查找$randomCartItemName元素，检索其href属性的值，然后使用window.location将浏览器重定向到URL：

var $randomCartItemName = $($randomCartItem).find(".cart__item__name");
var $link = $randomCartItemname.find('a');
var url = $link.attr('href');

window.location = url;

当然，您也可以一次性链接所有内容：

var $randomCartItemName = $($randomCartItem).find(".cart__item__name");
window.location = $randomCartItemName.find('a').attr('href');