Javascript 使用jQuery进行简单的幻灯片放映（不会超出第一个孩子）

我有一个简单的幻灯片，但它只幻灯片到第二个图像：

---

我知道我需要使用

$（this）

选择器。有没有一种方法可以做到这一点，而无需从

进行遍历。下一步
？通常情况下，
.next
将是兄弟姐妹或后代，等等。
因为
.img:first
将始终返回相同的元素。元素淡出后，可以将其移动到队列末尾

$('.next').click(function () {
    $('.img:first').stop(true, true).fadeOut(function () {
        $(this).next().fadeIn().end().appendTo(this.parentNode);
    });
});

演示：
是否有一种方法可以创建幻灯片，而不管
。下一步
是父母、兄弟姐妹等等？@tmyie总是有一些方法可以做事情。。。但一切都取决于目标html。。。。
$('.next').click(function () {
    $('.img:first').stop(true, true).fadeOut(function () {
        $(this).next().fadeIn().end().appendTo(this.parentNode);
    });
});