小程序for循环中通过index实现单个点击事件
<!--xml-->
<view class='content3-list' wx:for="{{listItems}}" >
<view class='list-left'>
<image id="{{index}}" bindtap='clickRight' src= '{{item.rightImage}}' />
<text class='list-left-wd'>{{item.word}}</text>
<text class='list-left-exp'>{{item.explain}}</text>
</view>
<view class='list-right'>
<image src="../../images/del.png" />
</view>
</view>
<!--js-->
Page({
// 页面的初始数据
data: {
listItems: [
{
"rightImage": "/images/right.png",
"word": "book",
"explain": "书；卷；课本；账簿"
}, {
"rightImage": "/images/right.png",
"word": "book",
"explain": "书；卷；课本；账簿"
}, {
"rightImage": "/images/right.png",
"word": "book",
"explain": "书；卷；课本；账簿"
}, {
"rightImage": "/images/right.png",
"word": "book",
"explain": "书；卷；课本；账簿"
}, {
"rightImage": "/images/right.png",
"word": "book",
"explain": "书；卷；课本；账簿"
}, {
"rightImage": "/images/right.png",
"word": "book",
"explain": "书；卷；课本；账簿"
}, {
"rightImage": "/images/right.png",
"word": "book",
"explain": "书；卷；课本；账簿"
}, {
"rightImage": "/images/right.png",
"word": "book",
"explain": "书；卷；课本；账簿"
}, {
"rightImage": "/images/right.png",
"word": "book",
"explain": "书；卷；课本；账簿"
}, {
"rightImage": "/images/right.png",
"word": "book",
"explain": "书；卷；课本；账簿"
}, {
"rightImage": "/images/right.png",
"word": "book",
"explain": "书；卷；课本；账簿"
}
]
},
clickRight: function (e) {
var idx = parseInt(e.currentTarget.id);
var img = this.data.listItems;
if ("/images/right.png" == img[idx].rightImage) {
img[idx].rightImage = "/images/right1.png";
} else {
img[idx].rightImage = "/images/right.png";
}
}
})
