Удалить родительский div модального jQuery

Question

Я пытаюсь удалить родительский div модального, нажав на удаление button. У меня есть страница с div с class="p", и я хочу удалить ее, когда я отправляю форму через мой modal.

Ниже приведен код

  <div class="p">
    The first div with class p
      <div class="modal fade" id="modal-delete">
        <div class="modal-dialog">
          <div class="modal-content">
            <button class="delete"> Remove <button>
          </div>
        </div>
      </div> 
    <div>

 <div class="p">
    The second div with class p
      <div class="modal fade" id="modal-delete">
        <div class="modal-dialog">
          <div class="modal-content">
            <button class="delete"> Remove <button>
           </div>
        </div>
      </div> 
    <div>

Я пытаюсь удалить div с помощью class="p", когда я нажимаю на button, но мне не удается это сделать, сейчас я использую:

$('.delete').on("submit", function (e) {
    var modal = $(this).closest('#modal-delete');
    $(modal).find('.p').parent().remove();
});

Answer 1

Вы можете использовать contents() и replaceWith() метод для удаления родительского элемента, за исключением его дочернего элемента.

$('.delete').on("submit", function (e) {
    var content = $("div.p").contents(); 
    $("div.p").replaceWith(content); 
});

Или другой способ - использовать unwrap() метод:

$('.delete').on("submit", function (e) {
    $("div.p").contents().unwrap();
});