脚本循环遍历数组并为DOM元素应用值

Question

我需要遍历数据数组并为每个div元素设置值， 在行

$(".rate-circle").data('value', value);

目前我使用下面的代码执行此操作，但是使用此方法，我的元素的值设置是最后一个元素，即35.

 var val = [55, 70, 88, 35];//, function (i, l) {
            $("div").each(function () {
                $.each(val, function (index, value) {
                    $(".rate-circle").data('value', value);
                    $(".rate-circle").rateCircle({
                        size: $("#rate-circle-size").val(),
                        lineWidth: 4,
                        fontSize: $("#rate-circle-font-size").val(),
                    });

                });
            });

建议我哪里出错，我需要遍历数组并获取值并设置与每个元素对应的值

Answer 1

正如评论中已经解释的那样，$(".rate-circle").data()会为所有rate-circle元素设置相同的值，而您需要执行基于索引的分配

$(".rate-circle").each(function(idx) {
  $(this).data('value', val[idx]);
}).rateCircle({
  size: $("#rate-circle-size").val(),
  lineWidth: 4,
  fontSize: $("#rate-circle-font-size").val(),
});