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

回复内容：

用 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

绑定一个唯一标示