将所有div可点击并打开一个空白链接

Question

我想让整个div可点击并在空白页面中打开链接：

HTML code：

<div class="article-content">
    <div>
        <p></p>
    </div>
    <div>
        <p></p>
    </div>
     <div><a href="http://www.google.ro" target="_blank">Click me</div>

</div>

JS：

$(".article-content").click(function () {
    window.location = $(this).find("a").attr("href");
    return false;
});

但是每个链接都在同一个窗口中打开。

有任何想法如何解决这个问题？

Answer 1

您需要use window.open()才能打开新窗口

$(".article-content").click(function () {
    window.open($(this).find("a").attr("href"), '_blank');
    return false;
});

Answer 2

您需要将window.open与目标设置为空白。链接将根据用户计算机中的浏览器设置在弹出窗口或新选项卡中打开：

$(".article-content").click(function () {
 window.open($(this).find("a").attr("href"),'_blank');
 return false;
});

Answer 3

    $(".article-content").click(function () {
        window.open($(this).find("a").attr("href"), '_blank');
        return false;
    });