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を使用することができます。