使所有div可点击，并在空白处打开链接

Question

I am tring to make a entire div clickable and to open the link in a blank page:

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;
});

But every the link is opened in the same windows.

have any ideea how to fix this ?

Answer 1

You need to use window.open() to open a new window

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

Answer 2

You need to use window.open with target set to blank. link will be opened in popup window or new tab based on browser setting in users machine:

$(".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;
    });