為多個評論打印星星

Question

我使用此代碼打印產品評級，但我想在同一頁面上打印評論列表，因為我需要 .each() 方法誰能告訴我如何實現。

  function generateRatingStars() {
    var rating = $('.fixture').text();
    var percent = Math.round(rating * 2) * 10;
    console.log(rating);
    function addScore(rating, $domElement) {
        $("<span class='stars-container'>")
                .addClass("stars-" + rating)
                .text("★★★★★")
                .appendTo($domElement);

    }
    ;

css 代碼是： addScore(percent, $(".fixture"));

   }


         .stars-container {
          position: relative;
          display: inline-block;
         color: transparent;
         }

        .stars-container:before {
         position: absolute;
         top: 0;
         left: 0;
         content: '★★★★★';
         color: lightgray;
        }

       .stars-container:after {
        position: absolute;
          top: 0;
          left: 0;
        content: '★★★★★';
        color: gold;
        overflow: hidden;
          }

html代碼是：

Answer 1

函數 generateRatingStars() {

    $.fn.stars = function () {
        return $(this).each(function () {

            var rating = parseFloat($(this).html());

            var percent = Math.round(rating * 2) * 10;

            var span = $("<span class='stars-container'>")
                    .addClass("stars-" + percent)
                    .text("★★★★★");
            $(this).html(span);

        });
    };
    $('span.stars').stars();
}