javascript - 为什么只附加一个 div？

Question

我正在尝试动态附加几个 div 元素。但是，当我去测试代码时，浏览器中只创建/显示了一个 div 元素。我尝试寻找类似的问题/问题，但一无所获。任何帮助将不胜感激。

.divcreate {
    height:75px;
    width:75px;
    border:2px solid #000000;
    display:inline-block;
}

$(document).ready(function () {
    for (var i=0; i < 12; i++) {
        $("body").append("<div></div>").addClass('divcreate');
    }
});

Answer 1

因为 addClass 函数应用于您的 body 选择器，您的代码添加了 12 个 div，然后将 divcreate 类应用于您的 body元素。下面是一个将类设置为内联的简单工作版本。

$(document).ready(function (){
    for (var i=0; i < 12; i++) {
      $("<div></div>").addClass('divcreate').appendTo(document.body)
    }
});

.divcreate {

height:75px;
width:75px;
border:2px solid #000000;
display:inline-block;
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>