Question

您好我刚开始使用te 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应该在您的网页上是唯一的。因此，请改用类。

接下来，如果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);
    }
});

<强> Check Fiddle

附加多个div

2 个答案: