JavaScript中的插值

Question

我有这段jQuery代码。

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

其中url和text是JavaScript变量。我该如何在引号内对它们进行求值？

- Justin Meltzer

---

我创建了一个插值的开源项目，你可以试一下。https://github.com/zsong/Kiwi 谢谢。 - zs2020

Answer 1

你只需使用 + 将字符串连接起来：

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

- James Montagne

Answer 2

虽然@kingjiv的答案是完全正确的，但如果您将使用jQuery进行大量模板化操作，则值得查看tmpl插件以帮助保持事物有序。

*注意：此插件从未超过beta版本，并且不再得到维护，上面的链接仅用于档案目的。

- fncomp

Answer 3

对于在2015年之后来到这里的任何人：使用ES6模板文字。这些是字符串文字，用反引号括起来，允许嵌入表达式。

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

- James Hibbard