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