。each循环jquery中多次增加索引值

Question

我看了很多与此有关的问题，但是找不到答案。很抱歉，这是基本的东西，但是我仍在学习JS。

我正在解析要提取到卡上的json数据（连续3张卡），问题是.each循环没有保存vas在循环内增加（3倍增量）的索引值。任何存储索引值的方法都可以在其最终状态的循环中再次使用它。

代码：

。每个循环的卡代码缩短，

  $.each(weekno.slice(), function(i, data) {
      var ul_data = [
         '<div class="container">'+
            '<div class="flex-container">'+
              '<div class="card">'+
                    '<div class="card-image" style="background-image: url(https://picsum.photos/600/100)"></div>'+
                         '<div class="card-content">'+
            '<p>Week '+ weekno[i] +'</p>'+
            '<p>Week '+ content[i] +'</p>'+

                        '</div>'+
                    '</div>'+
                  '</div>'+

             '<div class="card">'+
                    '<div class="card-image" style="background-image: url(https://picsum.photos/600/100)"></div>'+
                         '<div class="card-content">'+
             '<p>Week '+ weekno[i+1] +'</p>'+
                '<p>Week '+ content[i+1] +'</p>'+

                        '</div>'+
                    '</div>'+
                  '</div>'+              

             '<div class="card">'+
                    '<div class="card-image" style="background-image: url(https://picsum.photos/600/100)"></div>'+
                         '<div class="card-content">'+
            '<p>Week '+ weekno[i+2] +'</p>'+
              '<p>Week '+ content[i+2] +'</p>'+
                         '</div>'+
                    '</div>'+
                  '</div>'+
              '</div>'
            '</div>'+];
$("#recentActivities").append(ul_data);
循环正确显示了前三张卡：

Card 1: Week No. 1,  Content 1 
Card 2: Week No. 2,  Content 2 
Card 3: Week No. 3, Content 3
但然后开始重复：

Card 4: Week No. 2, Content 2 
Card 5: Week No. 3, Content 3 
Card 6: Week No. 4, Content 4

我看了很多与此有关的问题，但找不到答案。很抱歉，这是基本的东西，但是我仍在学习JS。我正在解析要提取到卡上的json数据（在...

Answer 1

我建议您看看Handlebars，这非常适合您的情况。