使用jquery在父div下添加div [英] Add divs below a parent div using jquery

问题描述

这里是我的父div，

 < div id =ResultsDivclass =resultsdiv> 
< br /> 
< span id =EmployeeNamestyle =font-size：125％; font-weight：bolder;> Pandiyan< / span> 
< span style =font-size：100％; font-weight：bolder; padding-left：100px;>类别& nbsp;：< / span>& nbsp; 
< span>主管< / span>< br />< br /> 
< span id =SalaryBasisstyle =font-size：100％; font-weight：bolder;> Salary Basis& nbsp;：< / span>& nbsp; 
< span>每月< / span> 
< span style =font-size：100％; font-weight：bolder; padding-left：25px;>薪酬& nbsp;：< / span>& nbsp; 
< span> 25,000< / span> 
< span style =font-size：100％; font-weight：bolder; padding-left：25px;>地址& nbsp;：< / span>& nbsp; 
< span>马杜赖< / span> 
< / div> 
  

替代文字http://img707.imageshack.us/img707/844/divl.jpg

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

pre $ function Iteratejsondata（HfJsonValue）{
var jsonObj = eval（'（' + HfJsonValue +'）'）;

for（var i = 0，len = jsonObj.Table.length; i< len; ++ i）{
var employee = jsonObj.Table [i];

//在这里根据长度添加divs
}
}


insertAfter 功能：

  $（'< div> + employee.SomeProperty +'< / div>'）。insertAfter（' ResultsDiv'）; 
  

这会在div＃ResultDiv后面插入每个emplyee的div。如果您想在结果div中插入div，您可以使用附加方法：

  $（'＃ResultsDiv'）。append（'< div> + employee.SomeProperty +'< / div>'）; 
  

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

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>');

这篇关于使用jquery在父div下添加div的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！