jQuery 删除动态创建的元素不起作用

Question

这是代码和 jsFiddle http://jsfiddle.net/yh3rynab/1/

      var i = 1;
       $('body').on('click', '#add_row', function () {
           if (i >4) {
               alert("No more");
               return;
           }
           $('#fg01_container').append('<div class="form-group" id="fg01_0' + i + '"></div>');
           $('#fg01_0' + i).html('<div class="col-md-2 col-md-offset-4">CONTENT</div>');
           i++;
       });

       $('body').on('click', '#delete_row', function() {
           if (i > 1) {

               $("#fg01_0" + (i - 1)).remove;
               i--;
           }
       });

代码添加得很好，但它不会删除刚刚创建的元素。请指教！

Answer 1

移除是一个函数。像 remove()

这样称呼它

 $("#fg01_0" + (i - 1)).remove();

Answer 2

删除是方法，而不是 jquery 中的属性。您应该使用 .remove() 而不是 .remove

 $("#fg01_0" + (i - 1)).remove();

Working Demo

jQuery 删除动态创建的元素不起作用

jQuery Remove Dynamically Created Element Not Working

jquery

jquery-on