Question

我创建了一个 div ，其类名为 div class =“postWindow”。

HTML：

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

现在，我想要实现的是我可以在一个单独的HTML窗口中创建多达10个。（因为帖子数量可能从1-10变化而且数量是动态的）

我尝试使用appendChild()方法，但意识到它只将 div 填充为新元素。它没有创建新的 postWindow

我的.js文件具有以下功能：

function createPost(){
    var count = 0;
    while(count < upLimit){
         $.ajax({
            url: root + '/posts/'+curr,
            type: "GET",
            dataType: "JSON",
            success: function(response){
                 postJson = response;
                 //im lost here     
        }
   });
   count++;

}

使用 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

Answer 1

这是演示上述内容的简单小提琴：https://jsfiddle.net/LLceoLwg/

HTML：

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

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>");
    }               
});

如何在循环中创建带有多个子元素的<div>

1 个答案: