删除元素javascript

我有一个代码，当用户点击Add按钮时，会出现一个文本框。 但我想实现的是通过单击按钮删除单独附加的文本框：

<div class="form_group">
   <div id="p_scents">
      <a class="btn btn-warning btn-sm" onclick="addAffiliate()">+ Add Merchant ID</a><br>
      <a class="btn btn-warning btn-sm" onclick="deleteAffiliate()">+ Remove Merchant ID</a><br>
      <p></p>
   </div>
</div>

+添加商户ID

+删除商户ID

我的Javascript是：

function addAffiliate() {
    var scntDiv = $('#p_scents');
    var i = $('#p_scents p').size() + 1;
    $('<p><label for="p_scnts"><input type="text" required="true" id="p_scnt" size="30" class="form-control" name="merchant[]" value="" placeholder="Input MerchantID" /></label>  </p>').appendTo(scntDiv);
    i++;
}

函数addAffiliate（）{
var scntDiv=$（'p#u scents'）；
变量i=$（'#p#p'）.size（）+1；
$（'p>
'）。附录（scntDiv）；
i++；
}

---

我的

deleteAffiliate

函数是我想要删除之前附加的单个文本框的地方。

首先，您要附加几个具有相同id“p_scnt”的元素，您应该避免这样做。将功能更改为：

function addAffiliate()
{
   var scntDiv = $('#p_scents');
   var i = $('#p_scents p').size() + 1;
   // here we change the id to p_scnt_ + iterator
    $('<p><label for="p_scnts"><input type="text" required="true" id="p_scnt_'+i+'" size="30" class="form-control" name="merchant[]" value="" placeholder="Input MerchantID" /></label>  </p>').appendTo(scntDiv);
            i++;

}

---

使用jquery和JavaScription，但我想添加的是删除？o、 有点不清楚。很抱歉让它不清楚。已经编辑过了

function deleteAffiliate()
{
    $('#p_scents p:last-child').remove();
}