javascript - 使用 jquery 自定义简单亚马逊类型星级评级 :lt

Question

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

$(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) ，它就会完全按照预期工作；我让 jQuery 将 10 个图像中的每一个图像向左和向后滑动。我唯一的问题是它的可变部分不起作用。在那里，我将警报设置为显示 n，它显示了一个数字，正如我所期望的那样，但它不会传递到该函数。我在 Firebug 中没有收到任何错误。显然 Javascript 不是我的强项，所以请温柔点:)谢谢!

Answer 1

lt(n)中的n不是变量尝试使用

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