JavaScript 中的插值

Question

我有这个jQuery代码

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

其中url和text是 JavaScript 变量。 我将如何在引号内评估它们？

Answer 1

您只需将字符串与+连接在一起：

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

Answer 2

虽然@kingjiv 的回答是绝对正确的，但如果您要使用 jQuery 进行大量模板化，则可能值得查看tmpl * 插件以帮助保持井井有条。

*注意：此插件从未通过测试版，并且不再维护，上面的链接仅用于存档目的。

Answer 3

对于 2015 年后登陆这里的任何人：使用ES6 模板文字。 这些是字符串文字，包含在反引号中，允许嵌入表达式。

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