单击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，我想将click事件应用到页面上的每个div，并使用类＆＃34; test＆＃34;。因此，当您单击div时，将触发该div中的锚点链接。 这是怎么做到的？ 我已经尝试了以下代码，但得到了错误＆＃34; Uncaught RangeError：超出了最大调用堆栈大小＆＃34;

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

我也尝试过下面的第一个答案，但效果不错，但它不会像_blank那样处理不同的链接目标。

Answer 1

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

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