Question

我想用jQuery创建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：）

使用jQuery创建neasted元素

1 个答案: