var divId = '#elementPozycji'; var element = $(divId).html(); var i = $(divId).data('lastId'); $('button#dodajPozycje').click(function() { i++; $(divId).data('lastId', i); record = element.replace(/%s/g, i) $('#listaPozycji').append(record); $('.usunPozycje').on('click', function() { var id = $(this).data('id'); $(this).parent().remove(); }); });
<button type='button' class='btn btn-flat btn-default' id='dodajPozycje'><i class='fa fa-plus'></i> Dodaj pozycje</button> <form method='post'> <div id='listaPozycji'></div> </form> <div style='display:none;' id='elementPozycji' data-last-id='0'> <div class='row' data-id-pozycji='%s'> <div class='col-xs-1'>%s.</div> <div class='col-xs-2'> <input type='text' name='H[%s]' class='form-control' placeholder='wysokosc'> </div> <div class='col-xs-2'> <input type='text' name='L[%s]' class='form-control' placeholder='szerokosc'> </div> <div class='col-xs-1'> <input type='text' name='ilosc[%s]' class='form-control' placeholder='ilosc'> </div> <div class='col-xs-2'> <input type='text' name='cena[%s]' class='form-control' placeholder='cena'> </div> <div class='col-xs-2 usunPozycje btn btn-flat'>USUN</div> </div> </div>