2017-09-02 95 views
0

我试图进行点击事件,当用户单击图像时,他们会转到产品详细信息页面。我有这样的:如何使用jQuery从锚标记中获取链接

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>

我读了一些文档,尝试了一些不同的东西,并没有太多。任何建议?

谢谢!

回答

2

你可以简单地查找<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'); 
+0

为什么不是CSS选择器结合在一起?:'变量$链接= $($ randomCartItem).find( “cart__item__name一个。”);' –

+0

@DavidKnipe OP没有说,如果他是reusi ng'$ randomCartItemName'代码中的其他位置,所以...而不是覆盖该对象,我们可以简单地链接它。 – Terry