如何附加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}

Answer 2

你可以简单地创建元素字符串并将其附加到任何元素

var eleStr = "<div id='"+ element.region +"' class='ansbox'><h1>This is a test</h1></div>";

    $('.alert-success').append(eleStr);