猿问

js获取 和 ajax发送的问题

项目A
下载
修改
删除
状态:审核通过
问题:如果我想要点击修改或者删除按钮的时候,怎么确定是在这个div上点击的?或者怎么获取a标签上的data-id的数据?

		
慕田峪9158850
浏览 312回答 2
2回答

不负相思意

最好是用委托机制。第一种方法:$('#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,最后就可以用你自己喜欢的方式发出请求了。

潇湘沐

jquery吧$(this).parent('.e-right-edit').siblings('a[data-id]').attr('data-id')
随时随地看视频慕课网APP

相关分类

JavaScript
我要回答