1. Działający:
https://jsfiddle.net/Tomplus/jbu8z8wn/
2. Nie działający (działa ale źle):
https://jsfiddle.net/Tomplus/5duz485x/
1. Polega na pobraniu kontentu opartego na DIV i powieleniu po kliknięciu na guzik.
2. Drugi przykład jest taki sam, ale element jest jako rząd tabeli <table>.
Proszę o pomoc, co należy zrobić aby ten drugi przykład zaczął działać poprawnie.
Z tego co widzę w konsoli, podczas pobierania treści HTML zostają usunięte elementy tabeli, tj. TR i TD.
Kod
var divId = '#elementPozycji';
var element = $(divId).html();
var i = $(divId).data('lastId');
var table = $('#listaPozycji');
$('button#dodajPozycje').click(function() {
i++;
$(divId).data('lastId', i);
record = element.replace(/%s/g, i)
table.append(record);
$('.usunPozycje').on('click', function() {
var id = $(this).data('id');
$(this).parent().remove();
});
});
var element = $(divId).html();
var i = $(divId).data('lastId');
var table = $('#listaPozycji');
$('button#dodajPozycje').click(function() {
i++;
$(divId).data('lastId', i);
record = element.replace(/%s/g, i)
table.append(record);
$('.usunPozycje').on('click', function() {
var id = $(this).data('id');
$(this).parent().remove();
});
});