javascript - 循环遍历数组并为 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(),
});