javascript - 如何使用 jquery 动态添加 html 元素？

Question

我的目标是在初始加载时有一个元素，这个元素应该有 id="something_O"，当点击添加链接时，在已经存在的元素下面，新的，相同的 html 元素应该添加，而不是 id="something_o"，而是 id="something_1"，或者最后一个元素 + 1，具体来说。用户应该能够无限地添加这些元素。当用户点击删除时，元素应该消失。

有什么想法吗？ Here准备 fiddle 以获得更容易的帮助......

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