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?

I created an open source project for interpolation you can try. github.com/zsong/Kiwi Thank you. — zs2020
– zs2020, Commented Feb 15, 2013 at 18:27

James Montagne · Accepted Answer · 2011-07-11 00:16:38Z

11

You just concatenate the strings together with +:

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

answered Jul 11, 2011 at 0:16

James Montagne

78.9k14 gold badges115 silver badges132 bronze badges

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

Comments

Tony Cronin · Accepted Answer · 2014-01-17 21:50:21Z

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.

edited Jan 17, 2014 at 21:50

Tony Cronin

1,6611 gold badge24 silver badges30 bronze badges

answered Jul 11, 2011 at 0:26

fncomp

6,2084 gold badges36 silver badges43 bronze badges

Comments

James Hibbard · Accepted Answer · 2017-09-20 19:39:08Z

0

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>`);

answered Sep 20, 2017 at 19:39

James Hibbard

17.8k14 gold badges69 silver badges76 bronze badges

Collectives™ on Stack Overflow

Interpolation in JavaScript

3 Answers 3

Comments

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related