jquery dom 操作 增加选中状态的值.....

Question

如图，这个是多选.然后一键投票功能，已选中状态，选中按钮会增加一个class为"optioned"

点击投票，获取optioned父元素li上面的data-id ,添加成数组发送ajax ,后端返回的是选手加票成功的data-id

现在设置了每人每天投票数量限制，要求改成拿到后端返回选手相应的data-id,来给这个选手加票

底下注释的是没有投票数量限制给选手加票 上面的循环是想循环后端反的选手id和已选中的选手id

所以问题就是如果选中的数量超出了个人投票的数量限制
如何根据后端反的id来给选中的部分选手加票

Answer 1

个人感觉这个跟 jQuery 没太大关系,
你可以把视图和数据分离, 给个简单思路:
1. 记录当前用户可投票数
2. 记录已选中的选手数据(id+other)
3. 点击选择时, 记录选中的ID, 并更新可投票数
4. 点击取消时, 删除选中的ID, 并更新可投票数
5. 点击点赞时, 添加蒙板和禁用按钮

这些逻辑在UI中做意义不大, 最终还是要在Server端重新校验的. 否则会有很多问题: 比如异地登录/并发投票等等