Add divs below a parent div using jquery
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:bo开发者_Python百科lder;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
}
}
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>');
精彩评论