对于ajax传来的数据进行动态的添加事件,前端

问题:
为了实现ajax传来的数据进行添加事件,由于每个a标签所对应的数据不一样,所以采用了通过添加类名进行操作
解决思路:
通过动态添加类名

 "<a href='javascript:;' class=\"meGoup\">常用药物组</a>"

然后用querySelectorAll获取NodeList,遍历每个对象但是没成功获取到。然后又用getElementsByClassName获取HTMLCollection,然后想遍历每个对象不改变类名,添加事件但还是没成功,具体原理也不知咋回事,然后干脆暴力点,直接脚本添加类名,暴力添加事件,就可了
具体代码如下:

 var syA = document.getElementsByClassName("syGoup");
 for (var i = 0; i < 5; i++){
      syA[0].className="SGoup"+(i + 1);
 }

特别坑的是syA[0]而不是syA[i],个人理解是因为如果是syA[i]的话网页自动刷新后有些类名已经不是syGoup,所以长度也变小了,索引值也变了,这样写就会报错

本人的方法可能不是最简洁,但可以实现此功能,希望此博文对你有些帮助

发布了10 篇原创文章 · 获赞 0 · 访问量 546
展开阅读全文

没有更多推荐了,返回首页

©️2019 CSDN 皮肤主题: 游动-白 设计师: 上身试试

分享到微信朋友圈

×

扫一扫,手机浏览