Question

我有一个名为starRating的div，显示5个灰色的星星。我得到一个数字，根据这个数字，我需要添加一个css类，将灰色的星形变为彩色星形。这是我在for循环或.each中完成的事情吗？

这是HTML：

<div id="starRating">
   <div class="jquery-ratings-star"></div>
   <div class="jquery-ratings-star"></div>
   <div class="jquery-ratings-star"></div>
   <div class="jquery-ratings-star"></div>
   <div class="jquery-ratings-star"></div>
</div>

这就是我一直试图做的事情。这好像我过于复杂了。

$('.jquery-ratings-star').each(
        function() {
           for (var i = 0; i < nbrStarsVoted; i++) {
           $(this).addClass('.jquery-ratings-full');
                        }
 });

Answer 1

您可以像这样使用Jquery :lt选择器：

$("#starRating").find('.jquery-ratings-star:lt(X)').addClass('star');

:lt选择器将选择索引低于X的所有元素，并为其指定星级

Answer 2

这很简单，

$('#starRating div:lt('+nbrStarsVoted+')').addClass('jquery-ratings-full');

http://jsfiddle.net/PdaQJ/

jQuery：向子元素添加一个类x次

2 个答案: