Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/85.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 在div类中创建多个元素_Javascript_Jquery - Fatal编程技术网

Javascript 在div类中创建多个元素

Javascript 在div类中创建多个元素,javascript,jquery,Javascript,Jquery,我有一个div类,看起来像这样: <div class="objects"> X </div> X 如何用Javascript编写一个循环来向这个类添加更多的“X”?完成后,在对它们应用函数时,如何将它们分开?假设我做了$('.objects').offset({left:50,top:50})这将改变“objects”中所有内容的偏移量,我如何将偏移量仅应用于一个元素 简言之,我正在尝试创建n个字母,并将它们分布在整个屏幕上 谢谢 把他们自己放在一个小隔间里 va

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

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

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

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


谢谢

把他们自己放在一个小隔间里

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);
};
var objects=$('.objects');
对于(变量i=0;i<10;i++){
变量节点=$(“”)
.addClass(“字母”)
.案文(i)
.offset({left:i,top:i});
追加(节点);
};

示例:

将它们自己放在一个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);
};
var objects=$('.objects');
对于(变量i=0;i<10;i++){
变量节点=$(“”)
.addClass(“字母”)
.案文(i)
.offset({left:i,top:i});
追加(节点);
};

示例:

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>');


对于(var i=0;i,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>');


对于(var i=0;iso)您也想使用jquery?是“X”字母还是表示要放入
div.objects
的元素?那么您也想使用jquery?是“X”字母还是表示要放入
div.objects
的元素?如何使用带有id的偏移量?$('#cl'+number)。偏移量({left:howmount,top:howmount});如何将offset与id一起使用?$('#cl'+number).offset({left:howmount,top:howmount});