Question

My goal is to have one element on initial load, this element should have id=”something_O“, when a add link is clicked, underneath already existing element, new, the same html element should be added,not with id=”something_o”, but with id=”something_1“, or last element + 1, to be specific. The user should be able to add these elements infinitely. When the user clicks deleted, element should disappear.

Any ideas?
Here is prepared fiddle for easier help…

Answer 1

var counter = 1;
$('.AddEl').live('click', function () {
    var el = $('#element_1').clone().attr('id', 'element_' + ++counter).appendTo('body');
});

$('.RemoveEl').live('click', function () {
    var el = $(this).parents('.elem')
    if (el.get(0).id !== 'element_1') el.remove();
});

Check this here