javascript - 移除评级星函数 JS/PHP 的兄弟姐妹

Question

我有一个 JS 函数评级，它的工作，但这个评分我的列表中的所有明星。我想删除兄弟姐妹属性以仅评价一分

function rating () {
    let $star_rating = $('li #starRating');
    let SetRatingStar = function () {
        return $star_rating.each(function () {
            if (parseInt($star_rating.siblings('input.rating-value').val()) >= parseInt($(this).data('rating'))) {
                return $(this).removeClass('fa-star-o').addClass('fa-star');
            } else {
                return $(this).removeClass('fa-star').addClass('fa-star-o');
            }
        });
    };

    $star_rating.on('click', function () {
        $star_rating.siblings('input.rating-value').val($(this).data('rating'));
        return SetRatingStar();
    });

}

我试试这个，但我的代码不起作用，我不能改变星星的类别（我已经删除了“兄弟姐妹”）。

function rating () {
    let $star_rating = $('li #starRating');
    let SetRatingStar =function () {
        return $star_rating.each(function () {
            if (parseInt($star_rating('input.rating-value').val()) >= parseInt($(this).data('rating'))) {
                return $(this).removeClass('fa-star-o').addClass('fa-star');
            } else {
                return $(this).removeClass('fa-star').addClass('fa-star-o');
            }
        });
    };

    $star_rating.on('click', function () {
        $star_rating('input.rating-value').val($(this).data('rating'));
        return SetRatingStar();
    });

}

这是我的观点的代码

<div class="d-inline-flex">
    <input type="checkbox" id="checkAll" onclick="toggle(this);">
    <p class="mt-3 mb-0 ml-1">Tous vus</p>
</div>
{% for episode in episodes %}
    <li class="list-group-item bgt">
        {% if episode.hasSeen == 0 %}
            <input type="checkbox" id="{{ episode.id }}" name="hasSeen" onclick="processForm(this)">
        {% else %}
            <input type="checkbox" id="{{ episode.id }}" name="hasSeen" checked="checked" onclick="processForm(this)">
        {% endif %}
        {{ "E%02d" | format (episode.number) }} - {{ episode.title }}
        {% for i in  1..5 %}
            {% set classNote = (i<= episode.note ? "" : i - episode.note < 0.5 ? "-half-full" : "-o" ) %}
            <span class="fa fa-lg fa-star{{ classNote }}" id="starRating" data-rating="{{ i }}" onclick="rating(this)"></span>
            <input type="hidden" name="whatever1" class="rating-value" value="{{ episode.note }}">
        {% endfor %}
    </li>
{% endfor %}

标签： javascriptphprating