所以,我有一个包含以下代码的HTML文档,我试图通过按钮创建其他类似的卡片
<div id="card" class="card">
<div class="card-body">
<h2 class="card-title">Mesa 1</h2>
<div class="botao">
<button id="registrarPedido" class="btn btn-primary" data-toggle="modal"
data-target='#formModal'>Registrar Pedido</button>
</div>
</div>
<div>
<div class="modal" id="formModal" tabindex="-1" role="dialog">
<div class="modal-dialog" role="document">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title">Registre o pedido</h5>
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">×</span>
</button>
</div>
<div class="modal-body">
<form>
<div class="form-group">
<input type="NumMesa" placeholder="Numero da mesa">
</div>
<div class="form-group">
<input type="text" placeholder="Pedido">
</div>
<div class="form-group">
<input type="number" placeholder="Quantidade de pessoas na mesa">
</div>
</form>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-secondary" data-dismiss="modal">Fechar</button>
<button type="button" class="btn btn-primary">Registrar pedido</button>
我该如何创建一个按钮来创建另一个如上所述的卡片?
您可以使用clone();