每个jQuery在数组上循环几次[重复]

Posted 2023-05-07

【中文标题】每个jQuery在数组上循环几次[重复]

【英文标题】：Each jQuery loop several several times over array [duplicate]

【发布时间】：2019-01-01 21:50:43

【问题描述】：

我必须在我的 UI 中显示一些来自 API 的数据。我得到一个包含 12 个元素的数组，但是在每个循环之后，我的 UI 中有 60 个项目。这些项目是混乱的。我可以以某种方式打破循环，或者以其他方式解决这个问题吗？例如，我有一个数组 [1, 2, 3, 4, 5, 6] 每个循环返回 1,1,2,3,4,1,1 即值是混乱的并且循环多次

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 请发帖minimal reproducible example

'</td>\n +'你确定这段代码写对了吗？

是的。问题是，为什么“每个”函数循环多次

【参考方案1】：

你需要做的就是在循环回调中返回 false ：

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

【讨论】：

我不知道在这种情况下应该写什么。我试过 if (item === item.RACE_DATE) 然后返回 false，它不起作用

你需要在else中返回false，让我修改sn-p

现在试试，我已经修改了

它只显示第一个元素