Interpolation in JavaScript

Question

I have this jQuery code

$("#selector").html('<a href=url>text</a>');

where url and text are JavaScript variables. How would I evaluate them inside quotes?

Answer 1

You just concatenate the strings together with + :

$('#selector').html('<a href='+url+'>'+text+'</a>');

Answer 2

While @kingjiv's answer is absolutely right, if you'll be doing a lot of templating with jQuery it might be worth checking out the tmpl * plugin to help keep things organized.

* note: This plugin never made it past beta, and is no longer being maintained, the link above is for archival purposes only.

Answer 3

For anyone landing here post 2015: use ES6 template literals . These are string literals, enclosed in backticks, which allow embedded expressions.

$('#selector').html(`<a href='${url}'>${text}</a>`);