11.16日实习问题

弹出modal，确定删除，取消不删除

 

点击是，成功删除，点击取消不删除。但是多次点击取消，再点击确定，刚才点击取消的会一起删掉。我写的代码：

$(".text-btn-del").click(function(){
    var _this = $(this);
    $("#myModal-del").modal();
    $(".btn-sure").click(function(){
        _this.parents(".detail-topics").remove();
    })
})

 解决办法：为每个tr设置一个属性，为data-disdelete:true;

代码：

$(".inform-right").on("click",".text-btn-del",function(){
    $("#myModal-del").modal();
    $('.inform-right .detail-topics').attr('remove','false');
    $(this).parents('.detail-topics').attr('remove','true');

    $('.close-del-btn').on('click',function () {
        $('.inform-right .detail-topics').attr('remove','false'); // 重置所有数据tr 删除标志false
    })
})
$('#myModal-del').on('click',function () {
    var get_id =  $('.inform-right').find('.detail-topics[remove="true"]').attr('get_id') // 获取当前数据的 ID 后台ajax
    console.log(get_id);
    // data get_id
    $.ajax({})
    // 成功之后操作 删除dom节点
    $('.inform-right').find('.detail-topics[remove="true"]').remove();
    $('#del-testpaper').modal('hide');
    // 失败提示
    //$('#del-fail').modal('show');
})

最上面的代码中，如果不写嵌套，无法获得this，现在把this拿出来，添加一个disdel属性，选中则是true，删除时选择选中的删除。