问题描述

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

• #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>