使用JQuery更改元素的顺序

Question

有人知道我做错了什么吗？我试图改变某些图像显示的顺序,我希望每次按下按钮时图像都会向右/左移动一个点.这是我尝试过的但没有运气.

任何帮助或见解都将得到真正的赞赏

$("#rightShift").click(function(){
    $("img").hide();
    var count = $("img").size();
    $("img").each(function(i) { 
        var indexImg = count - i;
        $("img:eq(indexImg)").show();
    });
}); 
$("#leftShift").click(function(){
    $("img").hide();
    $("img:last").prependTo("img");
    $("img").show();
});

Answer 1

假设你希望这个像旋转木马一样工作(当你向右移动时,最后一个图像成为第一个图像),那么我就是这样做的:

$("#rightShift").click(function(){
    $("img:last").detach().insertBefore("img:first");
});

$("#leftShift").click(function(){
    $("img:first").detach().insertAfter("img:last");
});