预期效果是:我想点击一次该标签添加内容,再点击一次内容消失或者隐藏,再次点击该内容则出现。
问题描述:我的内容是遍历后台循环添加的,感觉我点击该标签,函数依然会从头至尾运行一次,其中的判别方法就不起作用了。具体代码与图如下图所示,谢谢大家了。
方案1 点击拼接(标签上添加唯一id)标签,再点击删除(根据唯一id)标签;
方案2 循环的时候就把这个标签拼接出来,点击只是控制样式的显示隐藏
你这个即拼接,又控制显示隐藏的。。。容易错
我说一下思路
1.两个空数组:arr1,arr2。
2.arr1数组存储后台数据。
3.触发点击事件,将点击元素id添加到数组arr2中(如果后台没有给你id,自己加工一个)。
逻辑处理:以隐藏显示为例子,初始状态都为显示
点击元素,触发点击事件,获取id去arr2中查询,如果没有,插入该id,元素隐藏,再次点击元素,触发点击事件,获取id去arr2中查询,是否有该id,如果有,删除arr2中该id,元素显示。