通过获取分数,给某个元素实现星星打分
我这里分数是1-10;一共5个星星
效果如下:
//result通过ajax获取
var starArray = convertStars(result.value);
var str ='';
for (var i =0;i<starArray.length;i++) {
if(starArray[i]==1){
str += '<img src="../../images/star.png" />';
}
if(starArray[i]==2){
str += '<img src="../../images/starHalf.png" />';
}
}
$("#stars").html(str);
function convertStars(value){
var num = value/2;
var array = [];
for(var i = 1; i<=5; i++){
if (i<=num) {
array.push(1);
}else{
if(i-0.5==num){
array.push(2);
}else{
array.push(0);
}
}
}
return array;
}
convertStars(value)函数获取分数,判断如果是全星,则在array里加入一个1,如果是半星则加入一个2,否则加入一个0,然后返回一个数组
调用函数,通过结果判断有几个全星,和半星