AJAX请求后获得html放入指定位置

zhmjppp 2012-04-08 04:22:08
类似treeview
如下列代码 原来有3行 ,参数即为id

<table>
<tr id="1"><td Onclick="GetChildrenNode(1)">1<td></tr>
<tr id="2"><td Onclick="GetChildrenNode(2)“>2<td></tr>
<tr id="3"><td Onclick="GetChildrenNode(3)”>3<td></tr>
</table>


当我点击2的时候 通过ajax请求获得到

<tr id="21"><td>21<td></tr>


那照理说应把他放成这样

<table>
<tr id="1"><td Onclick="GetChildrenNode(1)">1<td></tr>
<tr id="2"><td Onclick="GetChildrenNode(2)“>2<td></tr>
<tr id="21"><td>21<td></tr>
<tr id="3"><td Onclick="GetChildrenNode(3)”>3<td></tr>
</table>



这个要怎么放?
...全文
278 4 打赏 收藏 转发到动态 举报
AI 作业
写回复
用AI写文章
4 条回复
切换为时间正序
请发表友善的回复…
发表回复
IT-Style 2012-04-09
  • 打赏
  • 举报
回复
javascript版:

<script type="text/javascript">
function insertAfter(newElement, targetElement){
var parent = targetElement.parentNode;
if (parent.lastChild == targetElement) {
// 如果最后的节点是目标元素,则直接添加。因为默认是最后
parent.appendChild(newElement);
}
else {
parent.insertBefore(newElement, targetElement.nextSibling);
//如果不是,则插入在目标元素的下一个兄弟节点 的前面。也就是目标元素的后面
}
}
function GetChildrenNode(name)
{
var obj=document.getElementById(name);
var tr=document.createElement("tr");
var td=document.createElement("td");
td.appendChild(document.createTextNode("21"));
tr.appendChild(td);
insertAfter(tr,obj);
}
</script>

Jquery版:

<script type="text/javascript">
function GetChildrenNodeJquery(name){
var obj=document.getElementById(name);
$(obj).after("<tr id=21><td>21<td></tr>");
}
</script>
knightzhuwei 2012-04-08
  • 打赏
  • 举报
回复

jquery啊
Acesidonu 2012-04-08
  • 打赏
  • 举报
回复
id不要以数字开头,还有后面的不要使用中文括号和引号。
回调中写
$('#trId').after('<tr id="21"><td>21<td></tr>');
knightzhuwei 2012-04-08
  • 打赏
  • 举报
回复
有个dom对象有个insertBefore的方法 用它就行了 你可以想一想

87,997

社区成员

发帖
与我相关
我的任务
社区描述
Web 开发 JavaScript
社区管理员
  • JavaScript
  • 无·法
加入社区
  • 近7日
  • 近30日
  • 至今
社区公告
暂无公告

试试用AI创作助手写篇文章吧