Javascript 带数组的RateYo插件

我正在制作一个有一些星级的网页，我正在为此使用rateYo插件（）。如果我使用一星评级，一切都很好，但是我需要在这个页面上的许多实例中动态地使用它，这些实例将从数据库中获取产品数据。我最初的想法是使用类而不是ID在页面上有多个类，并使用一个循环处理一些模拟数据，如下所示：

var demoRatings = [3.5, 4, 2, 1.5, 5, 4.5, 2.5, 1],
    stars       = $('.rateYo');

for (var i = 0; i < stars.length; i++) {
  $('.rateYo').rateYo({
    halfStar: true,
    rating: demoRatings[i],
    readOnly: true
  });
};

var demoRatings=[3.5,4,2,1.5,5,4.5,2.5,1]，
stars=$（'rateYo'）；
对于（变量i=0；i

虽然我尝试此操作时没有出现错误，并且它显示了所有评级部分，但它只显示了带有数组中第一项的星星（3.5）。你知道我在这里遗漏了什么吗？或者这个可以这样使用吗？我将包括fiddle链接并使用下面的代码片段。谢谢你们的帮助

jsfiddle：

var demoRatings=[3.5,4,2]，
stars=$（'rateYo'）；
对于（变量i=0；i

产品名称
$100.00
起始时间：$50.00
添加到购物车
产品名称
$100.00
起始时间：$50.00
添加到购物车
产品名称
$100.00
起始时间：$50.00
添加到购物车

问题在于您试图更改已初始化元素的RateYo设置。例如，如果您将代码更改为

for (var i = 0; i < stars.length; i++) {
  $('.rateYo').eq(i).rateYo({ // select by index as an example
    halfStar: true,
    rating: demoRatings[i],
    readOnly: true
  });
}

产品名称
$100.00
起始时间：$50.00
添加到购物车
产品名称
$100.00
起始时间：$50.00
添加到购物车
产品名称
$100.00
起始时间：$50.00
添加到购物车

问题在于您试图更改已初始化元素的RateYo设置。例如，如果您将代码更改为

for (var i = 0; i < stars.length; i++) {
  $('.rateYo').eq(i).rateYo({ // select by index as an example
    halfStar: true,
    rating: demoRatings[i],
    readOnly: true
  });
}

产品名称
$100.00
起始时间：$50.00
添加到购物车
产品名称
$100.00
起始时间：$50.00
添加到购物车
产品名称
$100.00
起始时间：$50.00
添加到购物车

使用的绝佳机会：

var demoRatings=[3.5,4,2]，
stars=$（'rateYo'）；
星星。每个（功能（i）{
美元（这个）。汇率({
半明星：是的，
评级：demoRatings[i]，
只读：正确
})
});

产品名称
$100.00
起始时间：$50.00
添加到购物车
产品名称
$100.00
起始时间：$50.00
添加到购物车
产品名称
$100.00
起始时间：$50.00
添加到购物车
使用的绝佳机会：


var demoRatings=[3.5,4,2]，
stars=$（'rateYo'）；
星星。每个（功能（i）{
美元（这个）。汇率({
半明星：是的，
评级：demoRatings[i]，
只读：正确
})
});

产品名称
$100.00
起始时间：$50.00
添加到购物车
产品名称
$100.00
起始时间：$50.00
添加到购物车
产品名称
$100.00
起始时间：$50.00
添加到购物车
啊，太完美了！非常感谢你的解释。现在完全有道理了。啊，太好了！非常感谢你的解释。现在完全有道理了。干得好！谢谢你的回答。祝你工作愉快！谢谢你的回答。