Javascript 更改用户选择的图像在列中的位置

我有一个列中的图像列表。我想在用户单击图像时更改图像的位置。我想将图像的位置更改为该列中的顶部图像。请告诉我怎么做。

有几种方法。要么操纵DOM，要么更改CSS类。Dom操作方式：

document.getElementById(parentNode.id).removeChild(this);
document.getElementById(parentNode.id).prependChild(this);

使用jquery中的.detach（）命令，它将允许您稍后在所有事件保持不变的情况下将其重新设置：

---

动画版：

你能发布你的标记和你尝试过的代码吗？请提供一些代码，使这个问题不那么一般。当我们不知道我们在做什么时，很难帮助你。谢谢你回答我的问题。我投你的票。

$('img').click(function() {
    var x = $(this).detach();
    x.prependTo('body');
});