mui('.icons').on('tap','i',function(){ var index = parseInt(this.getAttribute("data-index")); var parent = this.parentNode; var children = parent.children; if(this.classList.contains("mui-icon-star")){ //点击的那个之前如果由空心的星星变成实心的 for(var i=0;i 我写的jquery部分 $(".star .mui-icon.mui-icon-star-filled").css("color","orange"); $(".mui-icon.mui-icon-star-filled").click(function(){ var index=$(this).index(); //获取点击的这个索引 $(".star .mui-icon.mui-icon-star-filled:lt("+(index+1)+")").css("color","orange"); //比索引小的都是选中的状态颜色变成橘色,包括这个索引的。注意这里index+1.. $(".star .mui-icon.mui-icon-star-filled:gt("+index+")").css("color","#fff"); ; 比索引大的都是没有选的,颜色白色。 });