如何在jQuery中将变量附加到html元素[重复]答案

【问题标题】：How to append a variable to an html element in jQuery [duplicate]如何在jQuery中将变量附加到html元素[重复]
【发布时间】：2017-11-24 19:39:17
【问题描述】：

我只是尝试使用 jquery 将变量附加到 html 元素。我哪里错了？

var simple = $('<p> hello </p>');
$('.easy').append(simple);

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="easy"> </div>

非常感谢！

【问题讨论】：

我将您的代码放在一个可执行的 sn-p 中，它似乎工作正常。如果您的代码不起作用，您需要确保您已在页面中添加了对 jquery.js 的引用，并且您正在 document.ready 事件处理程序（sn-p 自动添加）中运行您的代码
是的，就是文档。准备好我不见了，谢谢！

【解决方案1】：

你的 var simple 应该是一个字符串，没有 $。

var simple = "<p>hello</p>";
$(".easy").append(simple);

【讨论】：

【解决方案2】：

var simple = '<p> hello </p>';
$('.easy').append(simple);

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="easy"> </div>

如果要创建HTML模板，也可以使用backticks。

【讨论】：