Each jQuery loop several several times over array

Question

I have to show some data from API in my UI. I am getting an array of 12 elements, but after each loop, there are 60 items in my UI. These items are chaotic. Can I somehow break the loop, or fix this in the other way? For example, I have an array [1, 2, 3, 4, 5, 6] Each loop returns 1,1,2,3,4,1,1 i.e. values are chaotic and looped several times

success: function (data) {
   var arr = data.Races;  // my array
   jQuery.each(arr, function (index, item) {
     var date = item.RACE_DATE;
     content += '<tr class="test-content">\n' +
                  '<td>' + date + '</td>\n +';// i am getting each item from array
                  '</tr>';
        raceInformation.append(content);
     });
  }

`I am getting an array of 12 elements, but after each loop, there are 60 items in my UI. These items are chaotic` Please post a [MCVE] — CertainPerformance, Jul 25 '18 at 07:05

Jitendra Ahuja · Answer 1 · 2018-07-25T07:24:44.837

0

All you need to do is to return false in the loop callback :

success: function (data) {
   var arr = data.Races;  // my array
   jQuery.each(arr, function (index, item) {
     var date = item.RACE_DATE;
     if(date===item.RACE_DATE)
     {
         content += '<tr class="test-content">\n' +
                  '<td>' + date + '</td>\n ';// i am getting each item from array
                  '</tr>';
        raceInformation.append(content);
     }
     return false;
     });
  }

For more Details, Click Here

edited Jul 25 '18 at 07:24

answered Jul 25 '18 at 07:08

Jitendra Ahuja

749
3
9
22

I have no idea what to write in the condition if. I have tried if (item === item.RACE_DATE) then return false, it doesn't working – Sasha Zoria Jul 25 '18 at 07:19
U need to return false in else, let me modify the snippet – Jitendra Ahuja Jul 25 '18 at 07:23
Try this now, I've modified – Jitendra Ahuja Jul 25 '18 at 07:26
It show only first element – Sasha Zoria Jul 25 '18 at 07:51

Each jQuery loop several several times over array

1 Answers1