单击div时触发单击锚点[重复]

Question

我有以下代码：

<div class="test">
    <span>some text</span>
    <a href="www.test.com">click here</a>
</div>
<div class="test">
    <span>some text</span>
    <a href="www.test.com">click here</a>
</div>
<div class="test">
    <span>some text</span>
    <a href="www.test.com">click here</a>
</div>

当页面加载时，使用 jQuery，我想对页面上的每个 div 应用一个点击事件，类为“test”。因此，当您单击 div 时，会触发该 div 内的锚链接。 这是怎么做的？ 我尝试了以下代码，但收到错误“Uncaught RangeError: Maximum call stack size exceeded”

$( ".test" ).on( "click", function() {
    $( this ).find("a").trigger("click");
});

我也尝试了下面的第一个答案，效果很好，但是它不能处理不同的链接目标，比如 _blank。

Answer 1

我认为点击事件不适用于链接。但是，您始终可以设置窗口位置。

$( ".test" ).on( "click", function() {
    window.open( $( this ).find("a").attr('href') );
});