Wie kann der gesamte Panel-Block gelöscht werden, wenn 'Ja' über Bootstrap-Modal geklickt wird?

Question

Ich versuche, alles zu löschen, was innerhalb einer Klasse div "panel-default" und alles, was mit den IDs verbunden ist. Ich konnte es ohne modales Popup löschen, aber jetzt ist das Modal hinzugefügt, es tut nicht, was ich tun wollte.

Hier ist die jsfiddle:

https://jsfiddle.net/Gereltuya/fd8bsfo4/10/

$('.panel-default').on('click','.btn-delete',function(){ groupID='#'+$(this).closest('div').attr('id'); 

    $("#mi-modal").modal('show'); 

    $("#modal-btn-yes").on("click", function(){ 

    $("#mi-modal").modal('hide'); 

    $(this).closest('div').attr('id').closest('.panel-default').remove(); 

    }); 

    }); 

Answer 1

Dies scheint

$('.panel-default').on('click', '.btn-delete', function() { 
    groupID = '#' + $(this).closest('div').attr('id'); 
    var $delBtn = $(this); 
    $("#mi-modal").modal('show'); 

    $("#modal-btn-yes").on("click", function() { 

    $("#mi-modal").modal('hide'); 
    $delBtn.closest('.panel-default').remove(); 

    }); 

}); 

arbeiten Wenn die Löschen-Taste, die Sie eine Referenz speichern geklickt wird. Später, wenn Ja geklickt wird, können Sie seinen nächsten Elternteil mit 'Panel-Standard' finden und entfernen