Jquery/Js 功能未按预期工作答案

【问题标题】：Jquery/Js function not working as intendedJquery/Js 功能未按预期工作
【发布时间】：2014-01-21 13:35:33
【问题描述】：

这是一个 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;
      });
      });

【问题讨论】：

你是什么意思，“它让班级落后”？您要删除整个 <div>，还是只删除这些类？
整个 div，我只是想突出显示我想要删除的那个 ^^

标签： javascript jquery html css function

【解决方案1】：

你可以删除整个块

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

而不是

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

.closest() 方法在父链上搜索匹配给定选择器的第一个元素.

【讨论】：