Something like this?
var keys = [ 'post_a', 'post_b', 'post_c', 'post_d' ];
$.each(keys, function(i, key) {
var val = yourJsonObject[key];
// do something with val ..
});
To draw each value one after another:
var keys = [ 'post_a', 'post_b', 'post_c', 'post_d' ];
var index = 0;
function getNext() {
if (index < keys.length) {
var key = keys[index++];
var val = yourJsonObject[key];
return val;
}
return null;
}
In your click handler try
var val = getNext();
if (val != null) {
// do something with value
} else {
// we haven gotten everything already
// do nothing or reset index to start again or whatever
}