$('.evaluate_mark').each(function(){
var star = $(this).find('.u-grade').attr('data'); //获取data 一个为5，一个为4
/*alert(star)*/
$(this).find('.u-grade div').removeClass('light'); //移除所有class的 light
$(this).find('.u-grade div').each(function(i,ele){ //ele当前的元素， i当前元素的索引
if(i<star){ 
/*alert(i);*/ 
/*alert(ele);*/ 
$(ele).addClass('light'); 
}
});
});

$(function(){
$.setGrade = function($ele,index){
var $item = $ele.find(".u-grade_item");
$item.removeClass("light"); 
$item.slice(0,index+1).addClass("light"); 
/*alert(index+1);*/
};
　　　　(function(){
　　var $item = $(".u-grade .u-grade_item"); 
　　$item.click(function(){
　　var $this = $(this); /*定义一个变量保存当前的$item对象*/
　　var index = $this.parent(".u-grade").children(".u-grade_item").index($this); 
　　//通过index()返回指定元素的index位置，也就是自己所认为的当前元素的索引值
　　/*alert(index);*/
　　$.setGrade($this.parent(),index); //jQuery下的静态方法
　　})
})();
}); 

(function(){
var $item = $(".u-grade .u-grade_item"); 
$item.click(function(){
var $this = $(this); 
var index = $this.parent(".u-grade").children(".u-grade_item").index($this); 
　　　　　　　　　 var star = $(this).parent(".u-grade").attr('data',index+1);
//把点击当前的那个元素的索引赋值给data，以可以改变原来data的数值
$.setGrade($this.parent(),index); //jQuery下的静态方法
})
})();