想要新的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');