javascript - Jquery - 从 1 开始为每次迭代添加数字

Question

我想将从 1 开始的数字添加到循环中添加的每个元素。

这是代码:

function(data, status){
   var cleanData = $.parseJSON(data);
   var i = 1;
   $.each(cleanData, function(key, value, i) {
      $( "#list" ).append(
        "<div class='large-12 columns'><div class='large-1 columns'>" + (++i) + "</div><div class='large-10 columns'><p> " + value.title + "</p></div><div class='large-1 columns'>" + value.count +"</div></div>" );
        });
    }

我也尝试过使用 (i+1) 但后来我得到 NaN

所以，最终结果将是这样的:

1 title           count
2 someOtherTitle  count 
3 anotherTitle    count  

Answer 1

所以我不完全确定出了什么问题，但也许尝试从函数参数中删除 i ，因为它无论如何都在范围内。还可以使用 i++(读取然后递增)或设置 i = 0。否则您将从 2 开始。

function(data, status){
   var cleanData = $.parseJSON(data);
   var i = 0;
   $.each(cleanData, function(key, value) {
      $( "#list" ).append(
        "<div class='large-12 columns'><div class='large-1 columns'>" + (i++) + "</div><div class='large-10 columns'><p> " + value.title + "</p></div><div class='large-1 columns'>" + value.count +"</div></div>" );
    });
}