删除模式中动态创建的div，而不必在提交数据时将其关闭

Question

我在模态中有一个动态创建的div

我想在提交数据后删除在模式上输入的详细信息，而无需单击按钮即可关闭模式。

这是我的代码

$('.claimadditem').click(function(){
 var divdetails= $('<div style="padding: 5px;" class="form-group dts" id="detailsentry"><div class="col-sm-4"><input class="form-control" name="servicedate" placeholder="yyyy-mm-dd" type="date"></div><div class="col-sm-4"><input name="unitsofservice[]" class="form-control" placeholder="Units" type="text"></div></div>');
 var sopra=$('.claimadditem');

$(sopra).after(divdetails)
})

});

Answer 1

查看以下逻辑，以便您有更多的想法！

$(document).ready(function() {

  $('.claimadditem').click(function() {
    var divdetails = $('<div style="padding: 5px;" class="form-group dts" id="detailsentry"><div class="col-sm-6"><input class="form-control" name="servicedate" placeholder="yyyy-mm-dd" type="date"></div><div class="col-sm-6"><input name="unitsofservice[]" class="form-control" placeholder="Units" type="text"></div></div>');
    var sopra = $('.claimadditem');

    $(sopra).after(divdetails)

    cleardata();
  });
});

function cleardata() {
  var formControls = $('.dts').find('input');
  formControls.each(function() {
    $(this).val('');
  });
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<input type="button" value="Save & Create New" class="claimadditem" />

Answer 2

使用jquery删除功能

jQuery(".YourClass").remove();