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

Question

我在列中有一个图像列表。我想在用户点击图片时更改图片的位置。我想将图像的位置更改为该列中的顶部图像。请告诉我如何做到这一点。

Answer 1

有几种方法可以做到这一点。您可以操纵DOM或更改CSS类。 Dom操纵方式：

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

Answer 2

使用jquery中的.detach（）命令，它允许您稍后将其设置为所有事件保持原样：http://jsfiddle.net/rkw79/QnWhR/

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

动画版：http://jsfiddle.net/rkw79/PXPgT/