$.each()

The jQuery for each loop that loops over objects and arrays.

HTML

<div></div>

CSS

.one     { color: red; }
.Tree    { color: blue; }
.baseball{ color: green; }

JavaScript

var obj = {
    'one'      : '1',
    'Tree'     : 'bark',
    'baseball' : 'cricket'
};
    
$.each(obj, function(key, value) {
    
    $('<p />', {
        text:  key + ' : ' + value,
        class: key
    }).appendTo('div');
    
});