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

少しバリエーションを持たせるために、次のように、要素の文字列を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 に答える