<div class="starbox">
<i class="iconfont icon-star1"></i>
<i class="iconfont icon-star1"></i>
<i class="iconfont icon-star1"></i>
<i class="iconfont icon-star1"></i>
<i class="iconfont icon-star1"></i>
</div>
$(function(){
var starbox = $(".starbox");
starbox.find('i').hover(function(e){
e.stopPropagation();
var index = $(this).index();
starbox.children('i:lt('+index+')').add(this).addClass('check');
starbox.children('i:gt('+index+')').removeClass('check');
});
});