Search jQuery

jQuery Forum

Using jQuery

vito

remove div

in Using jQuery • 7 years ago

Hi there, with a button I add a group of fields in a form.

I can't perform the remove action

$('#aggiungi_catasto').click(function(){
var subCategoria = $('#subcategoria').val();
if(subCategoria.length<1){
subCategoria = 'Sub Immobile';
}
$('#subcategoria').val('');
var count = parseInt($('.count').html());
count = count+1;
$('.count').html(count);
var groupId = 'group_'+count;
var form ='<div id="'+groupId+'" class="panel box box-primary">\n\
<div id="vito" class="box-header with-border">\n\
<h4 class="box-title">\n\
<a data-toggle="collapse" data-parent="#accordion" href="#'+count+'">'+subCategoria+'</a>\n\
</h4><a href="" class="remove_group" >X</a>\n\
</div>\n\
<div id="'+count+'" class="panel-collapse collapse in">\n\
<div class="box-body">\n\
<div class="group-container row">\n\
<div class="col-md-8">\n\
<div class="form-group s-prop-title">\n\
<label for="title">\n\Categoria</label>\n\
<input type="text" class="form-control" value="" name="title" required="">\n\
</div>\n\
</div>\n\
<div class="col-md-8">\n\
<div class="form-group s-prop-desc">\n\
<label for="textarea">\n\Sezione</label>\n\
<input type="text" class="form-control" value="" name="title" required="">\n\
</div>\n\
</div>\n\
<div class="col-md-8">\n\
<div class="form-group s-prop-desc">\n\
<label for="textarea">\n\Foglio</label>\n\
<input type="text" class="form-control" value="" name="title" required="">\n\
</div>\n\
</div>\n\
<div class="col-md-8">\n\
<div class="form-group s-prop-desc">\n\
<label for="textarea">\n\Mappale</label>\n\
<input type="text" class="form-control" value="" name="title" required="">\n\
</div>\n\
</div>\n\
<div class="col-md-8">\n\
<div class="form-group s-prop-desc">\n\
<label for="textarea">\n\Sub Alterno</label>\n\
<input type="text" class="form-control" value="" name="title" required="">\n\
</div>\n\
</div>\n\
<div class="col-md-8">\n\
<div class="form-group s-prop-desc">\n\
<label for="textarea">\n\Rendita Catastale</label>\n\
<input type="text" class="form-control" value="" name="title" required="">\n\
</div></div></div></div></div></div>';
$(form).insertAfter('#accordion');
$('.remove_group').click(function(){
here I can't retrieve the groupId of the div
});
});