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