Question

我有一个弹出窗口，在弹出窗口中是以下代码，它包含一个“容器”，它形成一个模板：

<form method="post" class="signin" action="#">
    <div id='container'>
        <div>
            <div id="divFeeTitle"></div>
        </div>
    </div>
</form>

我通过容器/ for循环填充div：

//go into JSON object and print out properties
for(var index=0; index<LineItem.length; index++){
    DisplayTitle(LineItem[index]);
}

显示标题方法执行此操作：

function DisplayTitle(Object){
    $('#divFeeTitle').html(Object.Title);
}

问题是，如果有1个以上的对象，divFeeTitle会被列表中的最后一个对象覆盖。如果有1个以上的对象我需要按顺序排列。

Answer 1

如果我理解您的问题，您可以尝试使用.append()代替.html()

所以你的DisplayTitle函数看起来像是：

function DisplayTitle(Object){

  $('#divFeeTitle').append(Object.Title);

}

Answer 2

如果您想要停止覆盖数据，请务必先保存数据：

var data = $('#divFeeTitle').html();
$('#divFeeTitle').html(data+Object.Title);

如果需要，您可以添加额外的<br>等。

创建多个容器并修改其div

2 个答案: