jQuery / Js函数无法正常工作

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>元素）中进行搜索。