Question

我将JSON对象传递给jQuery。我需要它来查看JSON对象并有效地执行此操作。

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

在php中我会使用foreach循环。 javascript有类似的东西吗？我该怎么做呢？

JSON

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

Answer 1

看一下jQuery的each function：

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

Answer 2

使用jQuery.each方法

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

您还可以在函数中使用this而不是value，因为该函数是在每个元素的上下文中执行的。

Answer 3

jQUery has an each function

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

Answer 4

这将有效：

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/

Answer 5

使用jquery

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

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

jQuery - 循环对象key =＆gt; VAL？

5 个答案: