使用 jquery 在父 div 下添加 div答案

【问题标题】：Add divs below a parent div using jquery使用 jquery 在父 div 下添加 div
【发布时间】：2010-03-23 07:15:59
【问题描述】：

这是我的父 div，

<div id="ResultsDiv" class="resultsdiv">
 <br />
 <span id="EmployeeName" style="font-size:125%;font-weight:bolder;">Pandiyan</span>
 <span style="font-size:100%;font-weight:bolder;padding-left:100px;">Category&nbsp;:</span>&nbsp;
 <span>Supervisor</span><br /><br />
 <span id="SalaryBasis" style="font-size:100%;font-weight:bolder;">Salary Basis&nbsp;:</span>&nbsp;
 <span>Monthly</span>
 <span style="font-size:100%;font-weight:bolder;padding-left:25px;">Salary&nbsp;:</span>&nbsp;
 <span>25,000</span>
 <span style="font-size:100%;font-weight:bolder;padding-left:25px;">Address&nbsp;:</span>&nbsp;
 <span>Madurai</span>
</div>

alt text http://img707.imageshack.us/img707/844/divl.jpg

如何使用 jquery 在这个父 div 下添加 div，

function Iteratejsondata(HfJsonValue) {
    var jsonObj = eval('(' + HfJsonValue + ')');

    for (var i = 0, len = jsonObj.Table.length; i < len; ++i) {
        var employee = jsonObj.Table[i];

        //Add divs here based on length
    }
}

【问题讨论】：

标签： jquery add html

【解决方案1】：

你可以使用insertAfter函数：

$('<div>' + employee.SomeProperty +'</div>').insertAfter('#ResultsDiv');

这将为每个员工在 div#ResultDiv 之后插入一个 div。如果要在结果 div 中插入 div，可以使用 append 方法：

$('#ResultsDiv').append('<div>' + employee.SomeProperty +'</div>');

【讨论】：