Script to Loop through array and apply value for DOM element

Question

I need to loop through a data array and set value for each div element, In the line

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

Presently I'm doing this using the code below, however with this approach the value set for my elements is the last element i.e. 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(),
                    });

                });
            });

Suggest where am I going wrong, I need to loop through the array and get the values and to set value corresponding to each elements

.data() will set data for all the matched elements...jsfiddle.net/rayon_1990/z2wtajud — Rayon
– Rayon, Commented Mar 28, 2016 at 7:23
What @rayon-dabre said. Every time you use .data() in your inner loop it sets every div.rate-circle 'data-value' attribute to the current value. You might want to give more details of your problem, like an example of the HTML in your page. — Greg
– Greg, Commented Mar 28, 2016 at 7:28
@ArunPJohny : This solved.. Please include this as a solution, so that I can mark as answer — this-Me
– this-Me, Commented Mar 28, 2016 at 8:20

Arun P Johny · Accepted Answer · 2016-03-28 08:22:26Z

1

As already explained in the comments, $(".rate-circle").data() will set the same value to all rate-circle elements, instead you need to do an index based assignment

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

answered Mar 28, 2016 at 8:22

Arun P Johny

389k68 gold badges532 silver badges532 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

Script to Loop through array and apply value for DOM element

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related