javascript - 如何将 div 附加到变量内的另一个 div？

Question

所以，我只是为了好玩而尝试创建一个 HTML 代码生成器。我的实际问题是:如何在另一个不存在且保存在变量中的 div 内的循环中附加 div？

希望我已经说清楚了，谢谢。

到目前为止我的小 JavaScript:

colCont = $("<div class=\"stab-cont\"><div class=\"stab-row\"></div></div>");

function repeat(n) {
  for (var i = 1; i < n + 1; i++) {
    //Here I need to insert the n DIVs generated by this loop
  }
}

repeat(3);

console.log(colCont);

JSFiddle:http://jsfiddle.net/qo3vdwhv/

Answer 1

也许我在这里正在考虑，但这应该可行。

我的代码:

colCont = $("<div class=\"stab-cont\"></div>");

function repeat(n) {
  for (var i = 1; i < n + 1; i++) {
    $("<div class=\"stab-row\"></div>").appendTo(colCont); //build your div like you did with "colCont" and append the new div to colCont
  }
}

repeat(3);

colCont.appendTo($("body"))

.stab-cont div {
  border: 1px solid #c00;
  margin: 10px;
  float: left;
  width: 200px;
  height: 50px;
}

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