2017-09-02 10 views
0

ユーザーが画像をクリックすると、製品の詳細ページに移動するクリックイベントを作成しようとしています。jQueryを使用してアンカータグからリンクを取得する方法

にconsole.logは、私に与え、

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

<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

あなたは、単にそのhref属性の値を取得し、window.locationを使用してURLにブラウザをリダイレクトし、$randomCartItemName<a>要素を探すことができます:あなたは、1つにすべてをチェーンすることができ、もちろん

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セレクタを組み合わせたのvar $リンクではない$($ randomCartItem).find( "cart__item__name A。");彼はreusiがある場合は、' –

+0

@DavidKnipe OPは言いませんでしたng '$ randomCartItemName'をコードのどこか別の場所に置いてください。そのオブジェクトを上書きするのではなく、単純にそれをチェーンすることができます。 – Terry

関連する問題