Minha intenção é:
Uma listagem onde é possível adicionar <div>
e apagar as divs adicionadas com um "botão" inserido em cada div
.
A página já vem com umas divs
inseridas fixas que são iguais as que serão adicionadas.
A questão é, nas divs
que já estão na página, o botão de apaga-las funciona corretamente, agora as divs
que são inseridas com prepend
não são apagadas. Já chequei a função do remove()
e todas as divs
tanto as fixas quanto as adicionadas tem a mesma classe. Enfim...
list-mode
é a div
que engloba todas essas divs
no html, .img_des_row
é a div
que deve ser repetida e apagada...Relembrando: a adição está funcionando corretamente!
JavaScript:
$("#bt-adicionar-imagens").click(function() {
$(".list-mode").prepend("< div class='img_des_row col-xs-12'>< div class='col-xs-8 no-pad-left'>< div class='description_img'>Lorem ipsum dolor sit amet consectetur adipisicing elit, sed do elusmod tempor.< /div>< /div>< div class='col-xs-2'><div class='pull-right margin-top_20 dropdown'><a href='#' class='icon-dwn-med pull-left margin_l_r_5'>< /a>< a href='#' class='icon-edit-med pull-left margin_l_r_5 dropdown-toggle' data-toggle='dropdown'>< /a>< div class='dropdown-menu alt-color-scheme left pad'>< /div>< a href='#' class='icon-trash-med pull-left margin_l_r_5'>< /a>< /div>< /div>< /div>");
});
$('.img_des_row .icon-trash-med').on('click', function(e) {
$(this).closest(".img_des_row").remove();
});