0

5 つの灰色の星を表示する starRating という div があります。番号が与えられ、その番号に基づいて、灰色の星を色付きの星に変更する 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');
                        }
 });
4

2 に答える 2

1

次のようにJquery:ltセレクターを使用できます。

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

セレクターは:lt、インデックスが X より小さいすべての要素を選択し、それらにクラス スターを与えます。

于 2013-06-20T18:23:59.853 に答える