2015-11-19 21 views
-1

網站:bit.ly/20ZsQA0使用JavaScript中的鏈接包裝容器的第一<a> HREF中的鏈接

我想用JavaScript來包住整個彩色框在對話框代碼本身使用的第一個鏈接(HREF) 。例如,如果我將「瞭解詳情」鏈接到google.com,則應將整個框鏈接/點擊到同一鏈接。下面的代碼成功地鏈接了這個盒子,但是卻出現了錯誤的鏈接。關於如何重構此代碼的任何想法。

$('.L3BoxNavHolder li').on('click', function() { window.location = $('.L3BoxNavHolder li a:first', this).attr('href'); }); 

回答

1

沒有什麼this是選擇(因爲this實際上是在它的中間)匹配。

你只需要尋找a:first

$('.L3BoxNavHolder li').on('click', function() { 
    window.location.href = $('a:first', this).attr('href'); 
}); 

例子:http://codepen.io/paulroub/pen/WQmWPN

+0

使用該代碼的鏈接還是到/未定義 bit.ly/20ZsQA0 – KevinOrin

+0

請編輯的問題,包括了[ MCVE](http://stackoverflow.com/help/mcve)包括導致此JS失敗的HTML。 CodePen上的示例HTML不會導致錯誤。 –

+0

我發送了鏈接。我必須保存控制檯日誌,如下所示: - GET http://wilshire.priworks.com/undefined 404(Not Found)(匿名函數)@ custom.js?cdv = 46:11jQuery.event.dispatch @ jquery .js?cdv = 46:3074elemData.handle @ jquery.js?cdv = 46:2750 jquery.js?cdv = 46:8492 - 主線程上的同步XMLHttpRequest由於其對最終用戶體驗的不利影響而不推薦使用。如需更多幫助,請查看http://xhr.spec.whatwg.org/。 - 導航到http://wilshire.priworks.com/undefined – KevinOrin