首先说明点击之前和点击以后用的是背景图片，这里不贴css，比较简单

html部分

<div id=”Box_7YAib3″>
　　<div class=”” id=”Text_gkIqwC”>等级评价</div>
　　<div class=”stars”>
　　　　<span class=”star”></span>
　　　　<span class=”star”></span>
　　　　<span class=”star”></span>
　　　　<span class=”star”></span>
　　　　<span class=”star”></span>
　　</div>
</div>

js部分

var stars=$(“.stars .star”);
stars.click(function(){
　　$(“.stars .star”).removeClass(“star-1”);
　　var _index = $(this).index()+1;
　　for(var i=0;i<_index;i++){
　　　　$(“.stars .star”).eq(i).addClass(“star-1”);
　　}
});

版权声明：本文为linsoso原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://www.cnblogs.com/linsoso/p/9447560.html