【问题标题】:Each jQuery loop several several times over array [duplicate]每个jQuery在数组上循环几次[重复]
【发布时间】: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
  • '&lt;/td&gt;\n +'你确定这段代码写对了吗?
  • 是的。问题是,为什么“每个”函数循环多次

标签: javascript jquery


【解决方案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
  • 现在试试,我已经修改了
  • 它只显示第一个元素
猜你喜欢
  • 1970-01-01
  • 2021-08-26
  • 1970-01-01
  • 2013-05-06
  • 1970-01-01
  • 1970-01-01
  • 2015-03-28
  • 2018-10-28
  • 1970-01-01
相关资源
最近更新 更多