Javascript 如何创建<；部门>；有几个孩子在圈里

我创建了一个类名为divclass=“postWindow”的div

html:

使用console.log我的Json响应如下

0: Object
title: "First post"
body: "This is a post"
id: 1
userId: 27
.
.
.
100: //same format of data as object 0

---

任何帮助都将不胜感激D

这里有一把简单的小提琴来演示上述内容：

HTML:

姓名首字母
初始标题

jQuery：

$(document).ready(function(){
    for(var i=0; i<10; i++){
      $(".postWindow").parent().append("<div class='postWindow'><div class='userName'>Initial Name</div><div class='postTitle'>Init title</div></div>");
    }               
});

$（文档）.ready（函数（）{
对于（var i=0；i
$（“.postWindow”）.parent（）.append（“初始名称init title”）
您的JSON
响应是什么样子的？将其添加到问题中会很有帮助。那么这些postWindows的父容器是什么？数据是什么样子的？父容器看起来就像您的响应对象中有属性一样。像您猜的那样调用它们…
响应。title
响应。body
等等。你为什么不直接附加到父对象上，并通过这样一个复杂的途径呢？我的答案是根据OP的代码建模的，在他显然改变它之前。我没有看到任何关于为什么它被改变得如此idk的评论…我不得不同意，这看起来很奇怪，因为他改变了OPyes。它是有效的，但这是一种愚蠢的编程方式。哟您可以轻松地将选择器更改为
$（“.container”）
。但是，如果您坚持只满足于让它工作，那么我希望您能够最好地维护自己的代码。这很糟糕。每次调用
append
都会触发DOM的回流，并且您需要最小数量的DOM来提高性能。您应该将所有元素收集到一个数组中并进行追加在循环中进行ajax调用更糟糕，tbh。但这并不是问题的焦点。
0: Object
title: "First post"
body: "This is a post"
id: 1
userId: 27
.
.
.
100: //same format of data as object 0

<div class="container">
  <div class = "postWindow">
    <div class = "userName">Initial Name</div>
    <div class = "postTitle">Init title</div>
  </div>
</div>

$(document).ready(function(){
    for(var i=0; i<10; i++){
      $(".postWindow").parent().append("<div class='postWindow'><div class='userName'>Initial Name</div><div class='postTitle'>Init title</div></div>");
    }               
});