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

Question

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

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>

我阅读了一些文档，尝试了一些不同的东西，但没有走得太远。有什么建议吗？

谢谢!

Answer 1

您只需查找 <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');