用jQuery创建内联元素

Question

我想用div创建div与div。 在HTML中的开始，我有：

<section> 
</section> 

后，我想获得：

<section> 
    <div class="mate"> 
     <div>content</div> 
     <div>content</div> 
     <div>content</div> 
    </div> 
</section> 

这是一个脚本：

$.ajax({ 
      url: "{{addr}}", 
      success: function(data) { 
      for(i = 0; i < data['team'].length; i++) { 
       $('<div/>',{ 
        class:'mate', 
        /* Here is a problem */ 
        text: "<div class='name'>"+data['team'][i]['name']+"</div>", 
        }).appendTo('section'); 
       } 
      }}); 

Answer 1

我通常使用一个字符串，我增量，如：

var stuff = "<div class='mate'>"; 

for(i = 0; i < data['team'].length; i++) { 
    stuff += "<div> Content" + i + "</div>"; 
} 

stuff += "</div>"; 

$('section').append(stuff); 

你甚至可以嵌套for循环嵌套更深的div :)