javascript - 在 div 类中创建多个元素

Question

我有一个看起来像这样的 div 类:

<div class="objects">
X
</div>

如何在 Javascript 中编写循环以向此类添加更多“X”？完成后，在对它们应用函数时如何将它们分开？假设我执行 $('.objects').offset({left: 50, top:50}) 这将改变“objects”内所有内容的偏移量，我怎样才能将偏移量应用于一个元素？

简而言之，我正在尝试创建 n 个字母并将它们分布在整个屏幕上。

谢谢!

Answer 1

将它们放入 div 中。

var objects = $('.objects');
for (var i=0; i < 10; i++) {
  var node = $('<div>')
                 .addClass('letter')
                 .text(i)
                 .offset({left:i, top:i});
  objects.append(node);
};

示例:http://jsfiddle.net/hqzJ9/