jquery - 使用 JQuery 根据属性数组更改 css

Question

这是我正在尝试做的事情的示例，尽管最初我尝试的是更复杂的事情，但我已经将问题追踪到这段代码。我确信问题与传递给数组的内容有关，但我所有的尝试都得到了相同的结果，四个 div 在 Angular 落里彼此重叠。

--CSS--

div {
    position : absolute;
    border: 2px solid black;
}

--SCRIPT--

$(document).ready(function(){

var coordinates = [
"{'top' : '100px'}",
"{'top' : '200px'}",
"{'top' : '300px'}",
"{'top' : '400px'}"
]

var numberOfDivs = coordinates.length;

for (i=0; i<numberOfDivs; i++){
$('#parent').append('<div>'+i+'</div>').css(coordinates[i]);
}
}); 

--HTML--

<div id = "parent">
    parent
</div>

Answer 1

Abody97 关于将字符串作为参数传递给 css 的问题是正确的。您还遇到了将 .css 应用于错误元素的问题(因为 jQuery 链接:http://tobiasahlin.com/blog/quick-guide-chaining-in-jquery/)。我想您希望将 css 应用于每个附加的子项，对吗？

这是一个执行此操作的 jsFiddle:http://jsfiddle.net/U3ezb/