href with target Blank on jQuery

Question

I have an image inside a div.facebook who receives the clike mouse and redirects to an external page:

$("div.facebook img").click(function() {
     $(location).attr('href','http://www.facebook.com');
 });

Turns out I’d like it to open in another window.

I tried several options, among them:

$("div.facebook img").click(function() {
     $(location).attr('href','http://www.facebook.com');              
                .attr('target','_blank')
 });

But it didn’t work.

What can be done in this case to continue with jQuery?

Answer 1

Your question face brought up something you didn’t know, the Html tag target was discontinued by w3c learn more here. So now it is indicated to use the tag rel with the value External thus:

$(document).ready(function(){
    $("a").attr("href", "http://www.facebook.com");
    $("a[rel=external]").click(function() {
        if (!this.oldHref) {
            this.oldHref = this.href;
            this.href = "";
        }
        window.open(this.oldHref);
    });
})

HTML:

<a rel="external">Aperte</a>