5个图片,点击当前图片的时候让后面的图片换成灰色的
HTML:
<div class="review">
<div class="name"><%= item.score %><%= item.message %></div>
<div class="news">
<img src="images/star.svg" data-index = '1'>
<img src="images/star.svg" data-index = '2'>
<img src="images/star.svg" data-index = '3'>
<img src="images/star.svg" data-index = '4'>
<img src="images/star.svg" data-index = '5'>
</div>
</div>
JS:
var link ={
1:'失望',
2:'不满',
3:'满意',
4:'比较满意',
5:'极力推荐',
};
$(".news").find("img").on("click",function(e){
var score = $(this).data('index');
obj.reviewList[0].score = score;
// 分数 文本
$(".name").text(score+'分 '+link[score]);
$(this).nextAll().attr('src',__uri('images/star-no.svg'));
$(this).nextAll().addClass('null');
if($(this).attr("class")=='null'){
$(this).prevAll().attr('src',__uri('images/star.svg'));
$(this).attr('src',__uri('images/star.svg'));
}
});