jquery - 複数の div の追加

Question

こんにちは、jQuery を始めたばかりです。

私はそのようにしようとしています：

$(document).ready(function(){
    $newdiv = $('<div id="ball" />');
    for(var i=0;i<100;i++){
        $('body').append($newdiv);
    }
});

反復部分が正しくないことは知っています..しかし、jqueryに100 divを追加するにはどうすればよいですか?

Answer 1

class="ball"IDとして使用されるのは一意である必要がありますが、100 divを作成する方法は理解できます

$(document).ready(function () {
    var $newdiv;
    for (var i = 0; i < 100; i++) {
        $newdiv = $('<div class="ball" />').text(i);
        $('body').append($newdiv);
    }
});

デモ---> http://jsfiddle.net/Uq2ap/

Answer 2

ID は Page で一意である必要があります。そのため、代わりにクラスを使用してください。

次に、for ループの外側で var$newdiv = $('<div/>'を使用して div を作成すると、div の単一のインスタンスのみが作成されます。これは、既にページで使用可能でキャッシュされているためです。

そのため、作成物を内部に移動する必要がありますfor loop

$(document).ready(function () {

    for (var i = 0; i < 100; i++) {
        var $newdiv = $('<div/>', {
            "class": "ball",
            text: 'hi'
        });
        $('body').append($newdiv);
    }
});

フィドルをチェック