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

【问题标题】：jQuery Remove Dynamically Created Element Not WorkingjQuery删除动态创建的元素不起作用
【发布时间】：2015-05-04 10:12:11
【问题描述】：

这里是代码和 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--;
           }
       });

代码可以正常添加，但不会删除刚刚创建的元素。请指教！

【问题讨论】：

.remove() 而不是 .remove ????
感谢大家莫名其妙的反对票！
（我认为）大多数人喜欢在不解释原因的情况下投反对票。不用担心，您的问题是有效的，并且结构和格式都很好。

标签： jquery jquery-on

【解决方案1】：

删除是一个函数。像 remove() 一样调用它

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

【讨论】：

上帝的圣母...烦人不是用来形容我的错误的词。谢谢！

【解决方案2】：

remove 是 jquery 中的方法而不是属性。你应该使用.remove() 而不是.remove

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

Working Demo

【讨论】：