使用 jquery 自定义简单的亚马逊类型星级评分：lt

Question

因此，我正在尝试将鼠标悬停的评级系统设为第 4 星，并突出显示直到该星的所有星。我浏览了这里的许多帖子，坦率地说，有很多替代方案可能会更容易，但我喜欢自己做事，无论如何这只是为了好玩。基本上，我无法正常工作只是让我烦恼。

$(document).ready(function() {
 $(".star")
 .hover(

  function(){

  var n = $('#stars>.starHolder>.star').index(this);
  alert(n);
      $('.star:lt(n)').css('left', '-27px' );
  },
  function(){
      $('.star:lt(n)').css('left', '0px' );
      }
    );              
});

这就是我所拥有的，如果我输入 :lt(5) 或任何数字而不是 :lt(n)，它会完全按预期工作；对于 10 个图像中的每一个，我都有 jQuery 将其向左和向后滑动。我唯一的问题是它的可变部分不起作用。在那里，我将警报设置为显示 n 并且它显示了一个数字，正如我所期望的那样，但它没有传递给函数。我在 Firebug 中没有收到任何错误。 很明显 Javascript 不是我的强项，所以请保持温和 :) 谢谢！

Answer 1

n in lt(n) is not variable try to use

$('.star:lt('+n+')')