Javascript 如何附加Js变量

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

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

$（'.alert success'）.append（$（''，{id:element.region，'class'：'ansbox'}））

---

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

有两种方法：

1）串联

2）

因此，模板文本是EcmaScript 6（ES6）引入的一个新特性，它是最简单的方法，并且非常清晰。在使用连接时，您必须注意大量引用的内容。通过使用模板文本方法，您不需要留意单引号和双引号的内容。您只需要正确地编写变量

如果要附加

div

，请尝试以下操作：

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

$（'div'）.append（`${element.home\u town}`）；

---

注意：用上述语法替换所有变量，如

${your_variable_here}

有两种方法：

1）串联

2）

因此，模板文本是EcmaScript 6（ES6）引入的一个新特性，它是最简单的方法，并且非常清晰。在使用连接时，您必须注意大量引用的内容。通过使用模板文本方法，您不需要留意单引号和双引号的内容。您只需要正确地编写变量

如果要附加

div

，请尝试以下操作：

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

$（'div'）.append（`${element.home\u town}`）；

---

注意：用上述语法替换所有变量，如

${your_variable_here}

您只需创建元素字符串并将其附加到元素的任何位置即可

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

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

var eleStr=“这是一项测试”；
$（'.alert success'）.append（eleStr）；

您只需创建元素字符串并将其附加到元素的任何位置

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

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

var eleStr=“这是一项测试”；
$（'.alert success'）.append（eleStr）；

您真正想附加什么？您要附加的HTML代码？我正在尝试将内容放在这个div（a、h2、h4和小标记）之间，因此。alert success是一个div，您想将元素附加到div？是的，就像so元素一样。home\u town您不能将append与JS对象一起使用。根据文档，它必须是htmlString或元素、文本、数组或jQuery。您真正想要附加什么？您要附加的HTML代码？我正在尝试将内容放在这个div（a、h2、h4和小标记）之间，因此。alert success是一个div，您想将元素附加到div？是的，就像so元素一样。home\u town您不能将append与JS对象一起使用。根据文档，它必须是htmlString或元素、文本、数组或jQuery。非常感谢您的回答！谢谢你的回答@很高兴我能帮上忙@很高兴我能帮上忙！