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

我有一个在模态中动态创建的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)
})

});

$（'.clairdItem'）。单击（函数（）{
var divdetails=$（''）；
var sopra=$（'.clairdItem'）；
$（sopra）.之后（详细信息）
})
});

使用jquery删除函数

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

---

看看下面的逻辑，这样你可以得到更多的想法

$（文档）.ready（函数（）{
$（'.clairdItem'）。单击（函数（）{
var divdetails=$（''）；
var sopra=$（'.clairdItem'）；
$（sopra）.之后（详细信息）
cleardata（）；
});
});
函数cleardata（）{
var formControls=$（'.dts'）.find（'input'）；
formControls.each（函数（）{
$（this.val（“”）；
});
}

我有一个清除数据的函数，我的类名是dts函数cleardata（）{}请提供更多信息您是否尝试过$（'.dts'）.find（'input:text'）.val（''）；？我试过了，但没有成功到底是什么问题？点击按钮时表单数据未被清除或弹出窗口关闭？请发布更多信息，以便我们提供帮助。提交数据时表单数据未清除。我已添加逻辑以回答清除数据。我希望你能有个主意！