Question

这是一个jquery函数，可以很好地添加和删除表单元素。但是当我删除一个元素时，它会留下类“input-group col-md-12 row”。

我想更改它，以便在删除输入字段时删除它。

奖励：摆脱“p”标签。

Jsfiddle（缺少一些CSS，所以你只能看到在firebug中留下的类）： http://jsfiddle.net/tZPg4/8270/

功能：

 $('#addScnt').on('click', function() {
          $('<div style="width:104%; margin-left:-4px; margin-bottom:5px;"  class="input-group col-md-12 row" style="padding:0;"><p> <input  class="col-md-12"  id="form-field-1" type="text" placeholder="Milestone"> <a href="#" class="remScnt">Remove</a></p></div>').appendTo(scntDiv);
          i++;
          return false;
        });

        $(document).on('click','.remScnt', function() { 
         if( i >= 2 ) {
          $(this).parents('p').remove();
          i--;
        }
        return false;
      });
      });

Answer 1

您可以使用

删除整个块

$(this).closest('.input-group.row').remove();

而不是

$(this).parents('p').remove();

.closest()方法搜索第一个元素的父链（从开始包含，起始点，在您的情况下是<a>元素）匹配给定的选择器。

Jquery / Js功能无法正常工作

1 个答案: