ブートストラップモードで「はい」をクリックするとパネルブロック全体を削除する方法は？

Question

クラスdiv 'panel-default'内にラップされているすべてのものと、そのIDに関連付けられているものすべてを削除しようとしています。私はモーダルポップアップなしでそれを削除することができましたが、モーダルが追加されました。これは、私がしたいことをしていません。ここ

は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

これは、削除ボタンを使用すると、それへの参照を保存クリックすると

$('.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(); 

    }); 

}); 

を動作するようです。後でyesをクリックすると、最も近い親を 'panel-default'で見つけることができ、それを削除することができます。