javascript - 重复绑定事件的处理方式？

解绑的弹窗是公共的。在点击确认和取消的时候我怎么知道是

对应的银行卡点击的解绑（对应的银行卡dom移除）操作

    

        

            

                
建设银行
                
储蓄卡
                
****  ****  **** 6535
            
            
解绑
        
    
    

        

            

                
建设银行
                
储蓄卡
                
****  ****  **** 6535
            
            
解绑
        
    
    

        

            

                
建设银行
                
储蓄卡
                
****  ****  **** 6535
            
            
解绑
        
    



    
确定解绑该银行卡吗？
    


        
取消
        
确认
    

回复内容：

解绑的弹窗是公共的。在点击确认和取消的时候我怎么知道是

对应的银行卡点击的解绑（对应的银行卡dom移除）操作

    

        

            

                
建设银行
                
储蓄卡
                
****  ****  **** 6535
            
            
解绑
        
    
    

        

            

                
建设银行
                
储蓄卡
                
****  ****  **** 6535
            
            
解绑
        
    
    

        

            

                
建设银行
                
储蓄卡
                
****  ****  **** 6535
            
            
解绑
        
    



    
确定解绑该银行卡吗？
    


        
取消
        
确认
    

用 jquery 的 方式
$('.ubind-card').click(function(){
    //的到当前银行卡列表的下标
    var ubindIndex = $(this).parents('.bankcard-block').index();
    //给确定按钮赋一个标识
    $('.unbind-sure').attr('val',ubindIndex ).show();
});
$('.unbind-sure').click(function(){
    var index = $(this).attr('val');
    $('.bankcard-block:eq('+index+')').remove();
});

如果可以的话望采纳

很简单呀，当用户点击解绑的时候，你可以把用户点击的是哪张银行卡的信息绑定在弹出框标签的属性上。比如你可以把银行卡的序号绑定在上面，像这样

。用户点击确认的时候你再到上面去取就好了。

通过event.target或 event.currentTarget获取DOM
JavaScript事件对象

用一个变量来保存当前操作的卡。

var currentCart = -1;//默认-1
$('#cards').on('click','.btnJieBang',function(){
currentCart=this.dataset.cartid;
});
//弹窗确定的事件里，去读取currentCart变量即可

点击解绑的时候,你不就可以得到他的父元素了，然后通过相关操作删除父元素,就能达到目的。

解绑上加个能区分开的data-id

绑定一个唯一标示

声明：本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系[e-mail]核实处理。

相关文章

相关视频

---

• 详解win10下PHP的安装配置（以php5.6为...
• php Swoole实现毫秒定时计划任务（详解）
• 【DTM】PHP协程客户端v0.1 beta版本发...
• 一文详解Windows和Linux环境下怎么安装配...
• javascript - 重复绑定事件的处理方式？

• PHP开发基础教程之简介
• PHP新手入门之简介
• PHP开发基础教程之环境搭建
• php学习路线介绍
• php环境配置