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 上应该是唯一的。所以改用类。

接下来，如果您 var$newdiv = $('<div/>'在 for 循环之外创建一个 div ，它只会创建该 div 的一个实例，因为它已经在页面上可用并被缓存。

所以需要将创作移到里面for loop

$(document).ready(function () {

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

检查小提琴