使用javascript将容器包装到第一个<；a>；链接中的href

地点：

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

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

内部没有任何代码> < <代码> >匹配选择器（给定<代码> < < />代码>实际上在它的中间。 您只需查找

a:first

：

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

---

示例：

使用该代码，链接仍然指向/undefined bit.ly/20zsqa0请编辑问题以包含导致此JS失败的包含HTML。CodePen上的示例HTML不会导致错误。我发送了链接。我必须保留控制台日志，如下所示：-GET 404（未找到）（匿名函数）@custom.js？cdv=46:11jQuery.event.dispatch@jquery.js？cdv=46:3074elemData.handle@jquery.js？cdv=46:2750 jquery.js？cdv=46:8492-主线程上的同步XMLHttpRequest被弃用，因为它对最终用户的体验有不利影响。如需更多帮助，请查看。-导航到我发现了问题…DNN插入了一个空白的a href，它使用的是该a href。我使选择器更加具体。谢谢