无法删除（）html元素

Question

我有一个添加一组新字段的按钮。在字段本身，按钮是使用字段集删除自己，但删除不起作用。我的错误在哪里？

<fieldset id="adjust_field"><a id="add_new_field"> Add </a></fieldset>
<script> jQuery(document).ready(function($){
        $("a#add_new_field").click(function(){
            var inserted_new_field = '<fieldset id="to_be_removed"></fieldset><a id="remove_new_field" > Remove </a>';
            $("fieldset#adjust_field").append(inserted_new_field); 
        });
    });
jQuery(document).ready(function($){
        $("a#remove_new_field").click(function(){

            $("fieldset#to_be_removed").remove();
            $('fieldset#to_be_removed').children().remove(); // Tried and this option
        });
    });

Answer 1

您需要使用事件委派，动态添加a#remove_new_field：

 $('fieldset#adjust_field').on('click','a#remove_new_field',function(){
        $("fieldset#to_be_removed").remove();
 });