[英]How to create a card in HTML from a button with javascript?
So, i have an HTML document with the following code and I'm trying to create other cards like this with a button:所以,我有一个包含以下代码的 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>
How do I create a button that creates another card like the one above?如何创建一个按钮来创建另一张像上面那样的卡片?
You can use clone();你可以使用 clone();
https://api.jquery.com/clone/ https://api.jquery.com/clone/
something like this in your html在你的 html 中是这样的
<button type="button" class="j-clone-card">Clone the card</button>
and in jquery在 jquery 中
$('.j-clone-card').click(function(){
$(this).closest('.card').clone();
})
For clone the card, I don´t know if is the result expected对于克隆卡,我不知道是否是预期的结果
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.