javascript - jQuery不删除添加的元素

我要做的是添加和删除列表项。我已将其添加到列表中，并且可以删除现有项，但不能删除已添加的项。似乎可以，但是不行。任何帮助，将不胜感激！这里的代码：

jQuery的：

<script  type="text/javascript">
$(function(){
    $('a#add').click(function(){
        $('<li><a href="#" id="remove">--</a>List item</li>').appendTo('ul#list');
    });

    $('a#remove').click(function(){
        $(this).parent().remove();
    });
});
</script>

HTML：

<a href="#" id="add">Add List Item</a>
<ul id="list">
<li><a href="#" id="remove">--</a> List item</li>
<li><a href="#" id="remove">--</a> List item</li>
<li><a href="#" id="remove">--</a> List item</li>
<li><a href="#" id="remove">--</a> List item</li>
</ul>

最佳答案

尝试这个

$('a#remove').live('click',function(){
        $(this).parent().remove();
    });

要么

  $('a#remove').live('click',function(){
            $(this).remove();
        });