克隆已动态更改的内容

Question

我的div根据用户单击的内容而动态更改。例如，如果他单击按钮，则图像将显示在div中。

但是当我尝试clone（）此元素时，它只会克隆其原始内容。那里没有图像。我该如何解决？

$(".clickme").click(function(){
  $(".testDiv").html("testcontent");
  $(".testDiv").clone().prependTo(".testDiv");
})

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div class="testDiv"></div>
<button class="clickme">click</button>

Photo example

Answer 1

尝试：

$(document).on("click",".clickme",function()
{
  $(".testDiv").html("testcontent");
  $(".testDiv").clone().prependTo(".testDiv");
});

它将允许您使用css / html动态更改。