Javascript 分区'；单击鼠标即可更改位置

我有四个Div，一个接一个在主Div内，垂直对齐

比如：

我想点击任何一个DIV，点击的DIV位于顶部，另一个向下滑动。我如何使用jQuery来实现它

例如

如果单击了DIV3，则div会按如下方式重新排序：

DIV3
DIV1
DIV2
DIV4

非常感谢您的帮助。

您可以使用

$('divSelector').click(function()  
{  
    $(this).parent().prepend(this);  
});

---

如果不需要动画，则可以使用以下方法移动DOM元素：

---

如果需要动画，可以完全定位元素，并使用jQuery.animate（）中的CSS top属性移动它们。

这是一个垂直动画版本，相对定位且相当灵活

---

请考虑使用实况示例。如果需要动画，那么这里有一个图像例子，你可以用div替换它，而不是点击一个单独的事件处理程序附加到每个<代码> div <代码>，这将是使用事件委托的理想情况。只需使用将单个事件处理程序附加到包含

div

s的容器，而不是使用

。单击（）

，可将事件处理程序添加到每个div。尼斯代码。我创建了一个，而不是将处理程序直接分配给内部

div

s。

$('divSelector').click(function()  
{  
    $(this).parent().prepend(this);  
});