Javascript （jQuery）将变量内容克隆到Div中

我有一个按钮，

onClick

会将内容附加到元素之前。但是，我需要将内容附加到按钮的最近的父项。（.内容组）

HTML:

单击按钮后，在“内容”div中追加

点击这里
试块

这就是你要找的吗

$（'#layoutTextArea'）。单击（函数（）{
var toAppend=$（'#appendTextArea'）.children（）；
toAppend.clone（）.insertAfter（$（this.parent（））；
});


单击按钮后，在“内容”div中追加

点击这里
试块
在目标之前插入匹配元素集中的每个元素。在代码中，目标是
#layoutCanvas

将目标更改为
$（this）.parent（）
：

虽然我更喜欢使用
parent（）
和
appned（）


$（'#layoutTextArea'）。单击（函数（）{
var toAppend=$（'#appendTextArea'）.children（）；
$（this.parent（）.append（toAppend.clone（））；
});


单击按钮后，在“内容”div中追加

点击这里
试块
或者可能会对您有所帮助
$('#layoutTextArea').click(function(){
         var toAppend=$('#appendTextArea').children();
         toAppend.clone().insertBefore('#layoutCanvas');
});

<div id="layoutCanvas">
  <div class="content">
      <p>
      On click of the button append within "content" div
      </p>
      <button id="layoutTextArea" class="btn btn-primary">Click Here</button>
  </div>
</div>

<div class="d-none" id="appendTextArea">
   <h1>
   Test Block
   </h1>
</div>

toAppend.clone().insertAfter($(this).parent());

$(this).parent().append(toAppend.clone());