Выполнение подсчета суммы в jQuery каждый

Question

Как я могу подсчитать в каждой функции jQuery?

<script> 
    ajax(); 
    function ajax(){ 
     $.ajax({ 
      url:"ChinaWeather.json", 
      dataType:"json", 
      success: function(data){ 
       $.each(data, function(index, item){ 
        var sum = 1; 
        $('#countryweatherwrap').append('<div id="countryweather' + sum + '">' + data[index].season + 'Temperatuur: ' + 
         data[index].temperature+' °C <br />' + '<div style="height:'+ data[index].temperature*5.50 +'px;width:100%;border:1px solid #000; background-color:yellow"></div></div>' 
         ); 
        }); 
      } 
     }) 
    } 
</script> 

На данный момент код возвращает <div id="countryweather"> в каждом цикле. Я хочу, чтобы он считал, поэтому он возвращает <div id="countryweather2">, <div id="countryweather3"> и т.д.

Answer 1

a. Переместить var sum за пределы каждого цикла (сделать его глобальным)
b. Увеличиваем значение sum на 1 с помощью ++;

<script>   
    ajax(); 
    function ajax(){   
     $.ajax({ 
      url:"ChinaWeather.json", 
      dataType:"json", 
      success: function(data){ 
       var sum = 1; 
       $.each(data, function(index, item){      
        $('#countryweatherwrap').append('<div id="countryweather' + sum + '">' + data[index].season + 'Temperatuur: ' + 
         data[index].temperature+' °C <br />' + '<div style="height:'+ data[index].temperature*5.50 +'px;width:100%;border:1px solid #000; background-color:yellow"></div></div>'      
         ); 
         sum++; 
        }); 
      } 
     }) 
    } 
</script> 

Answer 2

Вы можете использовать индекс:

$.each(data, function(index, item) { 
    $('#countryweatherwrap').append('<div id="countryweather' + (index+1) + '">' + data[index].season + 'Temperatuur: ' + data[index].temperature + ' °C <br />' + '<div style="height:' + data[index].temperature * 5.50 + 'px;width:100%;border:1px solid #000; background-color:yellow"></div></div>'); 
}); 

То есть индекс, начиная с 0 так добавить 1.