Jquery - Nummer zu jeder Iteration hinzufügen, beginnend mit 1

Question

Ich möchte jedem Element, das in meiner Schleife hinzugefügt wurde, Zahlen von 1 hinzufügen.

Dies ist der Code:

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

Ich habe es auch versucht, mit (i+1) aber dann bekomme ich NaN

So, dass das Endergebnis etwas so sein würde:

1 title   count 
2 someOtherTitle count 
3 anotherTitle count 

Answer 1

So bin ich mir nicht ganz sicher, was falsch ist, aber vielleicht versuche ich, i aus den Funktionsparametern zu entfernen, da es sowieso in Reichweite ist. Verwenden Sie auch i ++ (read dann erhöhen) oder einen Satz i = 0 Sonst wirst du bei 2. beginnen werden

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

Wenn Ihre cleanData eine Liste ist, verwenden Sie $.each() wie diese

$.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; 
    }); 
    }