jQuery - посмотреть объект key => val?

Question

Я передаю обратно объект JSON в jQuery. Мне нужно, чтобы просмотреть объект JSON и эффективно сделать это.

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

В php я бы использовал цикл foreach. Есть ли в javascript что-то похожее? Как бы я поступил так?

JSON

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

Answer 1

Посмотрите на каждую функцию в jQuery:

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

Answer 2

jQUery has an each function

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

Answer 3

Используйте метод jQuery.each

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

Вы также можете использовать this вместо value в функции, потому что функция выполняется в контексте каждого элемента.

Answer 4

Использование jquery

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

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

Answer 5

Это будет работать:

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

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

Демонстрация JSFiddle:

http://jsfiddle.net/r7s96/