Add divs below a parent div using jquery
17,446
You could use the insertAfter function:
$('<div>' + employee.SomeProperty +'</div>').insertAfter('#ResultsDiv');
This will insert a div for each emplyee just after the div#ResultDiv. If you want to insert divs inside the result div you could use the append method:
$('#ResultsDiv').append('<div>' + employee.SomeProperty +'</div>');
Author by
ACP
Updated on July 16, 2022Comments
-
ACP almost 2 years
Here is my parent 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 :</span> <span>Supervisor</span><br /><br /> <span id="SalaryBasis" style="font-size:100%;font-weight:bolder;">Salary Basis :</span> <span>Monthly</span> <span style="font-size:100%;font-weight:bolder;padding-left:25px;">Salary :</span> <span>25,000</span> <span style="font-size:100%;font-weight:bolder;padding-left:25px;">Address :</span> <span>Madurai</span> </div>
alt text http://img707.imageshack.us/img707/844/divl.jpg
How to add divs below this parent div using 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 } }