使用javascript将容器包装到第一个<a> href in the link

Question

Site: bit.ly/20ZsQA0

的链接中

我想使用javascript将整个彩色框包装在框码本身中使用的第一个链接（href）中。例如，如果我将“了解更多”链接到google.com，则整个框应该链接/可点击到同一个链接。下面的代码成功链接了该框但它转到了错误的链接。关于如何重构此代码的任何想法。

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

Answer 1

this内没有匹配该选择器（假设this实际上位于其中间）。

您只需要查找a:first：

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

示例：http://codepen.io/paulroub/pen/WQmWPN