Ajouter divs en dessous d'un div parent en utilisant jquery

Question

Voici mon div parent,

<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

Comment ajouter divs en dessous de ce div parent en utilisant jquery,

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 
    } 
} 

Answer 1

Vous pouvez utiliser la insertAfter fonction:

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

Cela va insérer une div pour chaque employé juste après la div # ResultDiv. Si vous souhaitez insérer dans le résultat divs div vous pouvez utiliser la méthode append:

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