adding target property to this JS code

Question

I want to edit this code:

this.link = $('<a>Directions</a>').addClass('mapplic-tooltip-link').attr('href', '#').hide().appendTo(this.el);

to open in a new window. I've looked online but I don't know how to edit this. Any help would be much appreaciated.

Do you understand what that code does? Because the answer to your question is 90% in there. — Frédéric Hamidi, Sep 29 '14 at 13:28

score 0 · Accepted Answer · answered Sep 29 '14 at 13:31

try this

this.link = $('<a>Directions</a>')
            .addClass('mapplic-tooltip-link')
            .attr('href', '#')
            .attr('target', '_blank').hide().appendTo(this.el);

just add another property attr to your link with the target key and blank value.

score 0 · Answer 2 · answered Sep 29 '14 at 13:39

$(function(){
var el = $('#id');
var link = $('<a>')
            .addClass('mapplic-tooltip-link')
            .text('Directions')
            .attr({'href': '#','target': '_blank'})
            .hide()// this hide content
            .appendTo(el);
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div id="id"></div>

adding target property to this JS code

2 Answers2