jQuery - look through object key => val?

Question

I am passing back a JSON object to jQuery. I need it to look through the JSON object and effectively do this.

$(key).css('background-color', '#'+val);

In php I would use a foreach loop. Does javascript have something similar? How would I go about doing this?

JSON

{
  '.one' : 'AAA',
  '.two' : 'BBB'
}

Answer 1

Take a look at the each function of jQuery:

var map = { 
  '.one': 'AAA', 
  '.two': 'BBB' 
};
$.each(map, function(key, val) { 
  $(key).css('background-color', '#'+val);
});

Answer 2

Use the jQuery.each method

jQuery.each(JSONobject, function(key, value) {
    $(key).css('background-color', '#'+value);
});

You can also use this instead of value in the function, because the function is executed in the context of each element.

Answer 3

jQUery has an each function

$.each(yourJsonObject, function(key, value) {
    //whatever processing
});

Answer 4

This will work:

var data = {
  '.one' : 'AAA',
  '.two' : 'BBB'
};

for (var key in data)
    if (typeof(data[key]) == 'string')
        $(key).css('background-color', '#' + data[key]);

A JSFiddle demo:

http://jsfiddle.net/r7s96/

Answer 5

Using jquery

var data = {
    '.one' : 'AAA',
    '.two' : 'BBB'
};

$.each(data, function(key, value){
    $(key).css('background-color', '#' + value);
})