日期:2014-05-16  浏览次数:20638 次

请教ajax返回数据插入div列中的方法
页面固定为有四列
初始显示有数据,通过ajax返回数据后,插入该数据到列中怎么弄啊?
现在的情况是:
<div class="AAA">第一列</div>
<div class="AAA">第二列</div>
<div class="AAA">第三列</div>
<div class="AAA">第四列</div>
//当插入数据后会直接显示到第四列后面,怎么让数据平均分配插入到这四列div中?而不是在外面,求个完整代码解释解释

------解决方案--------------------
上一个有错误
<div class="AAA" id="div1">第一列
  <div >这里信息</div >
  <div >这里信息</div >
  <div >这里信息</div >
</div>
<div class="AAA" id="div2">第二列
  <div >这里信息</div >
  <div >这里信息</div >
  <div >这里信息</div >
</div>


主要区分div,通过class也可以找到对应的div不过要遍历,不如直接用id区别


比如加入到第二个div下
就这样
var newDiv = document.createElement("div");
div.innerHTML = "这里是ajax加载的信息2";
document.getElementById(div2).append(newDiv);