循环通过相互堆叠的Div

Question

我有5个div叠在一起，就像这样：

<div container>
   <div1>
   <div2>
   <div3>
   <div4>
   <div5>
</container>

div下面是prev和下一个箭头。我试图在点击时在每个方向上循环显示div。我无法让它发挥作用。以下是我的想法。任何人都可以帮助我吗？

var objects = ['#div1', '#div2', '#div3', '#div4', '#div5'];

function next () {
    for (var i = 0; i < 2; i++) {
        $(objects[i]).each?
        $(objects[i]).push or pull
        $(objects[i]).css(z-index)
        $(objects[i]).insertAfter
    }
}

我知道还有其他方法，但我无法在代码中添加大量内容。我对此设置有点克制。

谢谢

Answer 1

如果您的div是兄弟姐妹，您可以使用jQuery的.next（）和.prev（）来获取下一个/上一个div并且您是否相应地工作。

http://api.jquery.com/next

http://api.jquery.com/prev