ajax - 希望新 div 动态下推旧 div

Question

我有 3 个彼此平行的 div，其中包含一些信息。我想要三个新的 div，与之前的位置相同（参考图片），在将它们向下推的同时占据最后一个的位置。

我希望这个动作动态发生，即当有人在后端模块上输入信息时，更新的信息会取代旧的信息。

我对 Ajax 和 jQuery 还很陌生，但我确信这是要走的路。有人可以指导我一个合适的方向吗？

图片：http: //img12.imageshack.us/img12/4149/us56.jpg

Answer 1

你是对的，Ajax 和 jQuery 可以成为必经之路。

最简单的解决方案可能是将三个块放在一个 div 中并调用 $("#parent-div").prepend(); 它。您可以使用 CSS 以您想要的方式排列块

<div id='parent-div'>
    <div class="col left">Hello World</div>
    <div class="col">Hello World</div>
    <div class="col">Hello World</div>
</div>

在jsFiddle上试了一下，看看。

Answer 2

http://api.jquery.com/insertBefore/

例子：

$('<div>new div</div>').insertBefore('#divName');