Question

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

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

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

简而言之，我正在尝试创建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/

Answer 2

javascript循环并不是秘密：

<div id='crazyLetters' class='objects' ></div>

for (var i=0;i<1000000;i++)
    //notice that I IDed the div
    $('#crazyLetters').append('<div id="cl'+i+'" >X</div>');

现在你的页面中有1,000,000个X，你可以通过自己的id从cl0 ...... cl1000000开始单独访问它们。

玩得开心！

在div类中创建多个元素

2 个答案: