Question

I have a page with multiples divs like this

<div class="bigbox">
    <a href="http://www.somestuff.com">some stuff</a>
    more elements
</div>

I’m trying to make each div open the link inside it when clicked and tried like that:

$('div.bigbox').each(function(){
    $(this).click(function(){
        window.open($(this).find('a').attr("href"));
})})

But when clicking on the actual link, it will open it twice. Any suggestion to not have .click trigger when clicking on the link inside my div?

Answer 1

I believe you’re pretty close with your code. Try this:

$('div.bigbox').click(function()
{
    window.open($(this).find('a').attr('href'));
    return false;
});

The return false should keep it from opening more than once, so give that a try and see how it works.