JavaScript variable as HTML link text

Question

I am trying to something like this:

<a href="www.link.com">JS variable</a>

I have seen multiple threads where someone is trying to do something similar but none of these solutions seem to be working for me. I am trying to pull data from an API and I would like to use a variable from the API as the text for the link. Right now I am using jquery to do this:

$('#tracktitle').append($("<a href='" + track.permalink_url + "' target='_blank'>Title</a><br>").html(track.title));

but would like to have the 'html(track.title)' in place of 'Title'

any help would be greatly appreciated

Leo · Accepted Answer · 2013-12-30 03:48:03Z

3

What about? $('#tracktitle').append("<a href='" + track.permalink_url + "' target='_blank'>" + track.title +"</a><br>")

answered Dec 30, 2013 at 3:48

Leo

5801 gold badge7 silver badges23 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

nnnnnn · Accepted Answer · 2013-12-30 04:00:24Z

3

When you create a new element with jQuery you can pass just the tag as the first argument to $() and then pass an object with the various properties you want to set as the second argument:

$("<a></a>", {
    href : track.permalink_url,
    html : track.title
}).appendTo("#tracktitle")
.after("<br>");

Demo: http://jsfiddle.net/7CVnZ/

edited Dec 30, 2013 at 4:00

answered Dec 30, 2013 at 3:54

nnnnnn

150k30 gold badges210 silver badges247 bronze badges

Collectives™ on Stack Overflow

JavaScript variable as HTML link text

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related