如何使用jQuery从锚标记中获取链接

时间:2017-09-02 20:46:47

标签: javascript jquery html

我正在尝试制作点击事件,当用户点击图片时,他们会转到产品详细信息页面。我有这个:

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>

我读了一些文档,尝试了一些不同的东西,并没有走得太远。有什么建议吗?

谢谢!

1 个答案:

答案 0 :(得分:2)

您只需在<a>中查找$randomCartItemName元素,检索其href属性的值,然后使用window.location将浏览器重定向到该网址:

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');