javascript - 如何追加Js变量

Question

所以我知道这个问题可能会被问很多次，但我还没有找到正确的答案。我试图在我的代码中实现的代码是这样的

$('.alert-success').append($('<div/>', { id: element.region, 'class' : 'ansbox'}))

如何将包含 js 变量的内容放入 div 中？

Answer 1

有两种方法可以做到这一点:

1) 连接

2) Template Literals (ES6)

所以模板文字是 EcmaScript 6 (ES6) 引入的新功能，这是最简单的方法，也很清晰。使用串联时，您必须留意大量引号内容。通过使用模板文字方法，您不需要留意单引号和双引号的内容。您只需要正确编写变量即可。

如果您想附加一个 div 那么请尝试以下操作:

$('div').append(`<a href="${element.id}">region</a> <h2>${element.home_town}</h2>`);

注意:将所有变量替换为上述语法:${your_variable_here}