在jquery循环中生成多个div

Question

我需要寻求帮助。 拥有此代码：

$(".apprezzamenti").click(function() 
    {  
     var id = $(this).attr('id'); 

     $.get("http://localhost/laravel/public/index.php/apprezzamenti_modal/"+id, 
     function(data) 
     { 
      data_parsed = JSON.parse(data); 

      // BELOW is the loop that I would like to generate multiple div using .append() 

      for(var i=0; i<data_parsed.length; i++) 
      { 
       var html = '<img src="images/provvisorie/immagine-profilo.png" width="30px" and height="30x" />'; 
        html += ' '; 
        html += "<a href='http://localhost/laravel/public/index.php/utente/" + data_parsed[i].id_user + "' style='font-weight: bold;'>" + data_parsed[i].username + "</a>"; 

       $(".modal-body-apprezzamenti>p").append(html).append('.modal-body-apprezzamenti>p').append($('<br/>')); 
      } 

      $(".chiudi-popup").click(function() 
      { 
       $(".modal-body-apprezzamenti>p").html(''); 
      }); 

      $('#main').click(function() 
      { 
       $(".modal-body-apprezzamenti>p").html(''); 
      });   
     }); 
    }); 

我想为每个循环创建一个div。 我该怎么办？谢谢你的帮助。

Answer 1

使用jQuery这很容易，看看这个的jsfiddle http://jsfiddle.net/Ldh9beLn/

我使用功能的jQuery appendTo（）来插入每个DIV使用id =“插入”另一个DIV中，如果你不理解的部分此代码或如何适应您的问题留下我的评论。

var things = ["apple", "house", "cloud"]; 

for (var i = 0; i < things.length; i++) { 
    $("<div>"+things[i]+"</div>").appendTo("#inserts"); 
}