如果“是”'如何删除整个面板块?是通过bootstrap模式单击?

时间:2017-10-02 20:13:47

标签: jquery twitter-bootstrap bootstrap-modal

我正在尝试删除包含在类div' panel-default'中的所有内容。以及与ID相关的所有内容。我能够在没有模态弹出的情况下删除它,但现在添加了模态,它没有按我想要的那样做。

HEre是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(); 

    });

     });

1 个答案:

答案 0 :(得分: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();

  });

});

单击删除按钮时,保存对其的引用。稍后点击“是”时,您可以找到其最近的父级' panel-default'并删除它