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>" );
    });
}

Answer 2

如果您的cleanData是列表，請使用$.each()這樣

$.each(cleanData, function(key, value) {
    ...
    ...ns'>" + (key + 1) + "</di...

Answer 3

  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 = i + 1;
    });
   }

Answer 4

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