Como criar elementos com jQuery
?
Vou tentar explicar...
Eu tenho 2 telas, cadastro de cartões e visualização dos cartões.
Para cada cartão cadastrado, eu envio para o servidor e faço a inserção no banco de dados interno. Até aí tudo bem.
Só que para cada cartão cadastrado, preciso, também, ir populando meu html
de visualização de cartões.
Ele fica assim:
O código da imagem acima é esse:
<div class="row corpo-cartoes">
<div class="col s12 m7" style="width: 100%;">
<div class="card">
<div class="card-image">
<img src="img/apresentacao.jpg">
<span class="card-title">Card Title</span>
</div>
<div class="card-action icone-meu-cartao">
<a href="#" ><i class="material-icons">code</i></a>
<a href="#"><i class="material-icons">crop_free</i></a>
<a href="#"><i class="material-icons">visibility</i></a>
<a href="#"><i class="material-icons btn-editar">edit</i></a>
</div>
</div>
</div>
</div>
Minha dúvida é:
Como faço para criar o código acima com jQuery
para ir populando na tela de visualização de cartões para cada cartão cadastrado?
Ou teria uma maneira melhor de fazer isso?
$('#elementoAlvo').html('<p>Meu elemento</p>');
ou, considerando que terão vários "cards", pode fazer com.appendTo()
, também do jQuery! Documentação: api.jquery.com/appendto