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

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

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

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

类似于以下内容：

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

我似乎无法正确使用语法。谢谢！

4

4 回答 4

2

尝试这个：

for(i=0; i<100; i++)
{
    $('.container').add('div').addClass('square');
}
于 2013-01-25T16:53:08.427 回答
1

对于一些变化，您可以构造元素字符串并一次添加它们，而不是一个一个地添加它们，如下所示：

var result = "";
var format = "<div class='square'></div>";
for(i = 0; i < n; i++) {
  result += format;
}
$('.container').append(result);
于 2013-01-25T16:52:13.103 回答
1

或这个

for(var i=0; i<100; i++){
    $("<div/>").addClass("square").appendTo($(".container").eq(0));
}
于 2013-01-25T16:55:13.950 回答
1

尝试这个：

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 更改为您想要的任何内容:)

于 2013-01-25T16:49:14.437 回答