当前位置: 代码迷 >> 综合 >> 用jquery写的五星好评
  详细解决方案

用jquery写的五星好评

热度:79   发布时间:2024-02-20 00:00:54.0

html 

	<p>五星好评:<span data-number="1">☆</span><span data-number="2">☆</span><span data-number="3">☆</span><span data-number="4">☆</span><span data-number="5">☆</span><span class="sum"></span></p>

jquery

	$("span").click(function(){$("span").removeClass("yellow");var num=$(this).index();console.log(num)for(var i=0;i<=num+1;i++){$("span").eq(i).addClass("yellow");var a =$("span").eq(i).attr('data-number');$('.sum').text(a+"分")}})

 

  相关解决方案