jQuery - 查看對象鍵=> val？

Question

我傳遞一個JSON對象給jQuery。我需要它來查看JSON對象，並有效地執行此操作。

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

在php中我會使用foreach循環。 JavaScript有類似的東西嗎？我會如何去做這件事？

JSON

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

Answer 1

這將工作：

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 2

使用jQuery

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

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

Answer 3

使用jQuery.each方法

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

您還可以使用this代替value的功能，因爲該功能在每個元素的上下文中執行。

Answer 4

在的jQuery的each function請看：[迭代的對象性質]的

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

Answer 5

jQUery has an each function 

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