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

时间:2015-05-04 10:12:11

标签: jquery jquery-on

以下是代码和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--;
           }
       });

代码添加正常,但它不会删除刚刚创建的元素。请指教!

2 个答案:

答案 0 :(得分:2)

删除是一个功能。称之为remove()

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

答案 1 :(得分:1)

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

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

<强> Working Demo