Question

I have this piece of code:

$('.tool li a:first-child').each(function(){
        $(this).after(' <a href="' + $(this).attr('href') + '" title="Open link in new tab"><img src="/img/icon-arrow.png" height="9" width="9" alt="Arrow Icon" target="_blank" /></a>');
    });

So even though the images that are added are hyperlinked with a target=_blank, the link does not open in a new window.

Any thoughts why the browser does not recognize that?

-Ryan

Answer 1

You need to add the target attribute on the a tag, not the img tag.

$('.tool li a:first-child').each(function(){
    $(this).after('<a href="' + $(this).attr('href') + '" title="Open link in new tab" target="_blank"><img src="/img/icon-arrow.png" height="9" width="9" alt="Arrow Icon" /></a>');
});