Удалить динамически созданный 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();