# 星评 * html ~~~ <div class="mui-input-row box_xing" name="field" id="q5"> <i class="v8 sbh-xingxing1"></i> <i class="v8 sbh-xingxing1"></i> <i class="v8 sbh-xingxing1"></i> <i class="v8 sbh-xingxing1"></i> <i class="v8 sbh-xingxing1"></i> </div> ~~~ * 说明 ~~~ 1.修改id值即可定位容器 2.多个只要使用不同id进行定位 3.定位name值用于表单传值 ~~~ * css ~~~ .box_xing i{font-size: 1.5rem;} ~~~ * js ~~~ $('.box_xing').each(function(i){ var id = $(this).attr('id'); var name = $(this).attr('name'); $(this).append('<input type="hidden" name="'+name+'" id="'+name+'">') $('#'+id).on('tap','i',function(){ var index = Number($(this).index()); var object = $('#'+id+' i'); var total = Number(object.length); for(var i = 0; i < total; i++){ if(i <= index){ object.eq(i).attr('class','v8 sbh-xingxing'); }else{ object.eq(i).attr('class','v8 sbh-xingxing1'); } } $('#'+name).val(index+1); }); }); ~~~