<b class="starsboxox" data="1"></b>
$('.starsboxox').each(function(){
var acss = '<i class="fa fa-star"></i>';
var bcss = '<i class="fa fa-star-half-o"></i>';
var ccss = '<i class="fa fa-star-o"></i>';
var data = $(this).attr('data');
var aint = parseInt(data);
var bfloat = parseFloat(data-aint)==0?0:1;
var cint = 5 - aint -bfloat;
var html = '';
for(var i=0;i<aint;i++){
html = html+acss;
}
for(var i=0;i<bfloat;i++){
html = html+bcss;
}
for(var i=0;i<cint;i++){
html = html+ccss;
}
$(this).html(html);
});