Javascript 如何填充a<；选择>；在JQuery中具有动态值的元素？

我有5个相同类的select元素

    <select class="form-control rating"></select>
    <select class="form-control rating"></select>
    <select class="form-control rating"></select>
    <select class="form-control rating"></select>
    <select class="form-control rating"></select>

但无法找出解决问题的方法。到目前为止，我一直在尝试：

$('.rating').each(function(index,row){ 
    for(i=1; i<= rateArr[index]; i++){
         $(this).append($("<option</option>").text(i).val(i));
    }
});

$（'.rating'）。每个（函数（索引，行）{
对于（i=1；i您在
$中有格式错误的html）（“的答案是正确的，但是，我想添加一种方法，在Web应用程序的不同部分重用该代码



//您可以创建一个名为jquery.populate.options.js的js文件来存储此插件。
（函数（$）{
$.fn.extend({
populateOpts：函数（选项）{
var默认值={
资料来源：[]，
};
var options=$.extend（默认值，选项）；
返回此.each（函数（索引，行）{
如果（options.source&&options.source.length>0）{
对于（var i=1；i
$('.rating').each(function(index,row){ 
    for(i=1; i<= rateArr[index]; i++){
         $(this).append($("<option</option>").text(i).val(i));
    }
});