微酒店中默认五星评价，点击后最多只能选四颗星，小白求教

  • #page2 .send ul li span{display: inline-block; text-align: center; height: 100%; width: 2em; background: url('亮星星地址');background-size:100% 100%; color: transparent;}
  • #page2 .send ul li span.selected{background: url('灰星星地址');background-size:100% 100%;}
  • $(function(){<br> $(&quot;#page2 .send ul li span&quot;).hover(function(){ var i = $(this).index()+1; $(this).addClass(&quot;selected&quot;); $(this).nextAll(&quot;span&quot;).addClass(&quot;selected&quot;); $(this).prevAll(&quot;span&quot;).removeClass(&quot;selected&quot;); }) })</li> </ul> <pre><code> &lt;ul&gt; &lt;li&gt;早餐:&lt;/li&gt; &lt;li class=&quot;breaker&quot;&gt; &lt;span&gt;1&lt;/span&gt; &lt;span&gt;2&lt;/span&gt; &lt;span&gt;3&lt;/span&gt; &lt;span&gt;4&lt;/span&gt; &lt;span&gt;5&lt;/span&gt; &lt;/li&gt; &lt;/ul&gt; </code></pre> <p>