我该如何填充整个页面 <div> 正在使用JavaScript和/或jQuery？

Question

$(document).ready(function(){
     *POPULATE PAGE WITH DIVS*
});

我发现了一个与我的问题非常相似的问题，有人回答只是将大量div粘贴到html中，但我不想这样做。

<body>
    <div class="container">
        <div class="square"></div>
    </div>
</body>

那是我的HTML，我想使用javascript / jQuery来添加class square的div，直到页面被填满。

类似于以下内容：

for(i=0; i<100; i++)
{
    $('.container').add('.square');
}

我只是似乎无法正确理解语法。 谢谢！

Answer 1

尝试这个：

for(i=0; i<100; i++)
{
    $('.container').add('div').addClass('square');
}

Answer 2

尝试这个：

for(i=0; i<100; i++)
{
    if(i % 5 == 0)           
       $('.container').append('<div class="square" />').css({clear: 'both'});
    else
       $('.container').append('<div class="square" />');
}

将5更改为您想要的任何值：）

Answer 3

稍作改动，您可以构造元素的字符串并立即将它们全部添加，而不是像这样一个个地添加它们：

var result = "";
var format = "<div class='square'></div>";
for(i = 0; i < n; i++) {
  result += format;
}
$('.container').append(result);

Answer 4

或这个

for(var i=0; i<100; i++){
    $("<div/>").addClass("square").appendTo($(".container").eq(0));
}

我该如何填充整个页面 <div> 正在使用JavaScript和/或jQuery？

问题描述

4 个解决方案

解决方案1
2 2013-01-25 16:53:08

解决方案2
1 2013-01-25 16:49:14

解决方案3
1 2013-01-25 16:52:13

解决方案4
1 2013-01-25 16:55:13

我该如何填充整个页面 <div> 正在使用JavaScript和/或jQuery？

问题描述

4 个解决方案

解决方案1 2 2013-01-25 16:53:08

解决方案2 1 2013-01-25 16:49:14

解决方案3 1 2013-01-25 16:52:13

解决方案4 1 2013-01-25 16:55:13

解决方案1
2 2013-01-25 16:53:08

解决方案2
1 2013-01-25 16:49:14

解决方案3
1 2013-01-25 16:52:13

解决方案4
1 2013-01-25 16:55:13