javascript - 如何在附加的div中附加div？

Question

我正在尝试将现有的 div 附加到页面中附加的另一个 div。

到目前为止，我已经做到了这一点，但它错过了时机，或者逻辑可能不正确。

$(".signature-container").append( $('#signature-pad'));  

这是我在常规 WordPress 页面上使用的 html:

<div id="signature-pad" class="signature-pad">
<div class="signature-pad--body">
  <canvas width="664" height="235" style="touch-action: none;"></canvas>
</div>
<div class="signature-pad--footer">
  <div class="description">Sign above</div>

  <div class="signature-pad--actions">
    <div>
      <button type="button" class="button clear" data-action="clear">Clear</button>
      <button type="button" class="button" data-action="change-color">Change color</button>
      <button type="button" class="button" data-action="undo">Undo</button>

    </div>
    <div>
      <button type="button" class="button save" data-action="save-png">Save as PNG</button>
      <button type="button" class="button save" data-action="save-jpg">Save as JPG</button>
      <button type="button" class="button save" data-action="save-svg">Save as SVG</button>
    </div>
  </div>
</div>

签名容器是附加到该页面的忍者表单。

Answer 1

$(".signature-container").append($('#signature-pad').html());