Мне нужно добавить в свой проект звезду рейтинга, но мои js не работают. Может кто-нибудь мне помочь?
Код Javascript:
let $star_rating = $('.list-group-item .fa');
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();
});
SetRatingStar();
$(document).ready(function() {
});<script src = "https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>Вот мой взгляд:
<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 %}
<span id = "starRating" class = "fa fa-star-o" data-rating = "{{ i }}" ></span>
<input type = "hidden" name = "whatever1" class = "rating-value" value = "{{ episode.note }}">
{% endfor %}
</li>
{% endfor %}
Я не могу выбрать звезду при нажатии, я пытаюсь изменить селектор let $ star_rating = $ ('. list-group-item .fa'); но ничего не изменилось. Я хотел бы изменить класс fa fa-star при нажатии.



![Безумие обратных вызовов в javascript [JS]](https://i.imgur.com/WsjO6zJb.png)

