评级之星javascript

我正在使用这个插件进行评级（）。基本上，我显示多个项目，每个项目都有自己的评级星。问题是，它只显示第一个结果，即“2.3”，然后将其应用于所有剩余项。我怎样才能解决这个问题

<ul>
  <li>
    <div class="num_ratings">2.3</div>
    <p class="rating-stars"></p>
  </li>
  <li>
    <div class="num_ratings">4.1</div>
    <p class="rating-stars"></p>
  </li>
  <li>
    <div class="num_ratings">3.0</div>
    <p class="rating-stars"></p>
  </li>
  <li>
    <div class="num_ratings">3.3</div>
    <p class="rating-stars"></p>
  </li>
</ul>



<script>
            $.fn.raty.defaults.path = 'img';
                rating = parseInt($('.num_ratings').html());
              $('.rating-stars').raty(
                {
                    width: 112,
                    readOnly  : true,
                    score: rating,  
              });
        </script>

2.3



4.1



3



3.3



$.fn.raty.defaults.path='img'；
rating=parseInt（$（'.num_ratings'）.html（））；
美元（“.评级星”）.raty(
{
宽度：112，
只读：对，
分数：评分，
});

像这样尝试：

$.fn.raty.defaults.path = 'img';

$("li").each(function(){
   rating = $('.num_ratings' , this).text();
   $('.rating-stars' , this).raty(
   {
       width: 112,
       readOnly  : true,
       score: rating,  
   });
});

通过这种方式，它将在每个

li

上运行，获取其

num\u评级

数据，并在其特定的

评级星中创建评级

尝试如下操作：

$.fn.raty.defaults.path = 'img';

$("li").each(function(){
   rating = $('.num_ratings' , this).text();
   $('.rating-stars' , this).raty(
   {
       width: 112,
       readOnly  : true,
       score: rating,  
   });
});

---

通过这种方式，它将在每个

li

上运行，获取其

num_评级

数据，并在其特定的

评级星中创建评级

p
@user2310422太好了，我添加了很少的描述（抱歉添加了“完美”英语）@user2310422太好了，我添加了很少的描述（抱歉添加了“完美”英语）