收藏
回答

关于操作列表中单个item的样式,不影响其他item样式?

问题模块
API和组件


现在有个列表(for)  里面会有很多item , 我想通过点击事件响应我点击item 修改它的样式 。但是我发现 修改后把 所有的item样式全部修改了, 想请教各位大神 如何只修改我点击的item的样式 其他没被点击的item 样式保持不变呢?比如说这一条 我点他 就让剪头朝上 但是所有的item都会变了

代码是这样的:


最后一次编辑于  2017-04-26  (未经腾讯允许,不得转载)
邀请回答
复制链接收藏投诉关注问题回答

5 个回答

  • 我又不乱来
    我又不乱来
    2017-04-25

    前排学习

    2017-04-25
    赞同
    回复
  • 同名自定义
    同名自定义
    2017-04-26

    为每个Item设定一个id值。顺序值for自带有。然后点击item时,会传递该 元素对象,获取item的id值这样就能知道你点击的是哪个item了。此时再更改当前item样式的图片。就ok了


    2017-04-26
    赞同
    回复
  • :(Pluto
    :(Pluto
    2017-04-26

    我能知道 id 就是每个item的下标 , 但是知道了好像也没用? 我可以判断我点的是哪一个item,但是主要问题是 修改我点的item  css 就会 把其他的item的css也替换掉了  楼上的大兄弟 是我没理解你说的还是你没理解我说的问题呢?

    2017-04-26
    赞同
    回复
  • 同名自定义
    同名自定义
    2017-04-26

    是你没理解到位。

    2017-04-26
    赞同
    回复
  • 同名自定义
    同名自定义
    2017-04-26

    你应该在json是这样循环数组

    Info:[

    {a:msg

    style:当前的样式

    },

    {a:msg

    style:当前的样式

    }

    ]

    这样子的哈。然后点击item时取得下标:info[index].style来修改这个组里面的样式数据,页面会实时更新。就不会产生你说的问题了。你方法不对知道吗?

    2017-04-26
    赞同
    回复