OpenWeatherMap for 3 days with jquery

So I would like to get the following data:

Only for one city, for example London Today temperature Tomorrow min and max temp After tomorrow min and max temp

Then I grab those values and append it to the html. The question is, how do I filter the data received from the json request? Here is my sample code, I already have the data for today temp, but how do I filter for the next days min and max temp?

Thank you so much

jQuery( document ).ready( function() {


function getWeather(callback) {
    var weather = 'http://openweathermap.org/data/2.5/forecast?lat=35&lon=139&units=metric';
    jQuery.ajax({
      dataType: "jsonp",
      url: weather,
      success: callback
    });
}

// get data:
getWeather(function (data) {
    console.log(data);
    console.log(data.list[0].main.temp);
    console.log(data.list[0].main.temp_min);
    console.log(data.list[0].main.temp_max);
});

// append data to html
jQuery('span.customWeather').text('weather here!');


});

Solution

Well, I don't have the data set - but - take the url to the JSON data open it in a browser just post it in the window.

I did this and here is a snipet of what I got (without reading the document for the site)

{"cod":"200","message":0.3729,"city":{"id":1851632,"name":"Shuzenji","coord":{"lon":138.933334,"lat":34.966671},"country":"JP","population":0},"cnt":41,"list":[{"dt":1394992800,"main":{"temp":-6.78,"temp_min":-6.78,"temp_max":-6.78,"pressure":935.65,"sea_level":1036.67,"grnd_level":935.65,"humidity":73,"temp_kf":0},"weather":[{"id":800,"main":"Clear","description":"sky is clear","icon":"01n"}],"clouds":{"all":0},"wind":{"speed":0.71,"deg":128.005},"sys":{"pod":"n"},"dt_txt":"2014-03-16 18:00:00"},{"dt":1395003600,"main":{"temp":-8.05,"temp_min":-8.05,"temp_max":-8.05,"pressure":936.88,"sea_level":1038.77,"grnd_level":936.88,"humidity":72,"temp_kf":0},"weather":[{"id":800,"main":"Clear","description":"sky is clear","icon":"01n"}],"clouds":{"all":0},"wind":{"speed":0.61,"deg":175.004},"sys":{"pod":"n"},"dt_txt":"2014-03-16 21:00:00"},{"dt":1395014400,"main":

I searched and hunted and found a date reference with the Mark 1 search engine called the human Eye.

there I found the variable dt_txt 'dt_txt":"2014-03-16 18:00:00".

you can then access the data in that array. The date javascript functions and array access is documented online and I won't repeat them, this is searching for examples you can find.

It took me less than 3 minutes to find that each row of data is marked with a date time tag.