使用 jquery 在父 div 下面添加 div
这是我的父 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 文本 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
}
}
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
}
}
如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论
评论(1)
您可以使用 insertAfter 函数:
这将为每个员工在 div#ResultDiv 之后插入一个 div。如果你想在结果 div 中插入 div,你可以使用 append 方法:
You could use the insertAfter function:
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: