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

Use javascript to wrap container in link to the first <a> href in the link

本文关键字:lt 第一个 href gt 包装 链接 javascript 使用      更新时间:2023-09-26

站点:bit.ly/20ZsQA0

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

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

this中没有任何与该选择器匹配(假设this实际上位于其中间)。

您只需查找a:first:

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

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