关于操作列表中单个item的样式,不影响其他item样式?
发布于 7 年前 作者 zhengyan 1549 次浏览 来自 问答

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

比如说这一条 我点他 就让剪头朝上 但是所有的item都会变了

代码是这样的:

5 回复

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

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

Info:[

{a:msg

style:当前的样式

},

{a:msg

style:当前的样式

}

]

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

是你没理解到位。

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

回到顶部