如何在jQuery中将变量附加到html元素

Question

我只是尝试使用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>

非常感谢！

Answer 1

你的var simple应该是一个字符串，不带$。

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

Answer 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。