Javascript JSON在返回3项后插入新行

我正在使用谷歌表格在我的网站上填充数据，这些数据与我所在的联盟有关。除了一个很小的方面外，一切都很好。我一直在网上寻找一种方法来做这件事，但似乎找不到一个资源给我一种方法

我在网站上使用Bootstrap4，并使用卡片显示我的数据。使用

卡片组

功能，我试图按团队构建一组名册，以便联盟球员可以看到谁在一个团队中。这将按预期工作，并构建一行卡片。我想做的是，一排只有3张牌，因为它确实可以压缩数据，而且我们有多达16支球队的联赛

以下是我的javascript：

//对Google数据API进行JSON调用
$.getJSON（url、函数（数据）{
//建立卡组
var cardstart=''；
cardstart+=''；
var cardend=''；
cardend+=''；
//建立星期日青年名册
var Sunjunloster=''；
//循环以构建团队名称的html输出
var entrysunjunloster=data.feed.entry；
对于（变量ia=0；ia});使用模运算符
%
。它返回除法的余数。可除以3的整数的余数始终为0，因此我们可以利用这一点

for (var ia = 0; ia < entrysunjunroster.length; ia++) {
   if (ia % 3 == 0 && ia > 0)
   {
        sunjunroster += '</div></div><div class="row"><div class="col">';
   }
   else if (ia == 0) //expection for zero index, nothing to close
   {
        sunjunroster += '<div class="row"><div class="col">';
   }

   //rest of your code...
}

for（var ia=0；ia0）
{
孙军花名册+=''；
}
否则，如果（ia==0）//预期索引为零，则无需关闭
{
孙军花名册+=''；
}
//剩下的代码。。。
}
使用模运算符
%
。它返回除法的余数。可除以3的整数的余数始终为0，因此我们可以利用这一点

for (var ia = 0; ia < entrysunjunroster.length; ia++) {
   if (ia % 3 == 0 && ia > 0)
   {
        sunjunroster += '</div></div><div class="row"><div class="col">';
   }
   else if (ia == 0) //expection for zero index, nothing to close
   {
        sunjunroster += '<div class="row"><div class="col">';
   }

   //rest of your code...
}

for（var ia=0；ia0）
{
孙军花名册+=''；
}
否则，如果（ia==0）//预期索引为零，则无需关闭
{
孙军花名册+=''；
}
//剩下的代码。。。
}
我还在学习javascript/jquery，你能解释一下我在哪里添加这个吗？我想如果我读了你说的话，我应该用这个：如果（var ia%3==0；）{sunjunloster+=''；}我还在学习javascript/jquery，你能解释一下我将在哪里添加这个吗？我想如果我读了你说的话，我应该用这个：if（var ia%3==0；）{sunjunloster+=''；}我已经尝试过实现它，但它似乎在第一行返回1个项目，然后在第二行返回2个项目，之后不关闭行，而是在同一位置开始一个新行。是的，在我的脑海中想象到这一点，这样就很难在屏幕上看到实际发生的情况，更新应该可以正常工作。几乎完美。我必须把它取下来！在第二行的末尾让它工作。这里演示：点击右上角的团队名册，查看它所在的面板。简单的打字！我已经开始将其级联到我的其余查询中，我发现了另一个异常。在上面演示链接的“我的星期二GR团队”部分中，共有6个团队。第一行返回1，第二行返回3，第三行返回2。我想，如果再加一个else if并检查值除以3时是否大于等于2，就可以更正它，但后来我意识到这只是重复