为了账号安全,请及时绑定邮箱和手机立即绑定

js获取 和 ajax发送的问题

js获取 和 ajax发送的问题

人到中年有点甜 2019-03-30 11:35:31
项目A下载修改删除状态:审核通过问题:如果我想要点击修改或者删除按钮的时候,怎么确定是在这个div上点击的?或者怎么获取a标签上的data-id的数据?
查看完整描述

2 回答

?
回首忆惘然

TA贡献1847条经验 获得超11个赞

最好是用委托机制。
第一种方法:
$('#table').on('click','btn-danger',function(event){});
这里的event.currentTarget对应的就是删除所在的button。此时$(event.currentTarget).parent().prev()就可以获得对应的a标签。
这需要为三种按钮各绑一次,一共三次。
第二种方法:
$('#table').on('click','btn',function(event){});
获取a标签的方法同上,不过此时只需要一次绑定就可以同时捕获三种按钮,所以需要根据currentTarget的class来区分到底是按的哪一个按钮。
纯js方法「改自第二种」:
document.getElementById('table').onclick=function(event){}
其中event.target就是鼠标所点击的控件,要注意的是,该控件可能为三个按钮之一也可能是其他无关的标签,需要进行判断。通过target判断当前点击节点后,再根据event.target.parentNode.previousElementSibling获得id所在节点,取得data-id,最后就可以用你自己喜欢的方式发出请求了。
                            
查看完整回答
反对 回复 2019-03-30
?
天涯尽头无女友

TA贡献1831条经验 获得超9个赞

jquery吧$(this).parent('.e-right-edit').siblings('a[data-id]').attr('data-id')
                            
查看完整回答
反对 回复 2019-03-30
  • 2 回答
  • 0 关注
  • 304 浏览
慕课专栏
更多

添加回答

举报

0/150
提交
取消
微信客服

购课补贴
联系客服咨询优惠详情

帮助反馈 APP下载

慕课网APP
您的移动学习伙伴

公众号

扫描二维码
关注慕课网微信公众号