jquery遍历框

我正在使用“上一个”和“下一个”按钮进行遍历。如果我不停地点击，它好像要断了。我只是想，如果我点击后退或下一步按钮，它不会打破

var$currDiv=$（“#开始”）；
$（“div”）.hide（）；
$currDiv.css（“背景”、“红色”）；
$（“#1”）。单击（函数（）{
$currDiv=$currDiv.next（）；
$（“div”）.hide（）；
$currDiv.show（）；
});
var$currDiv2=$（“#startPrev”）；
$（“div”）.hide（）；
$currDiv2.css（“背景”、“红色”）；
$（“#2”）。单击（函数（）{
$currDiv2=$currDiv2.prev（）；
$（“div”）.hide（）；
$currDiv2.show（）；
});
div{
宽度：50px；
高度：50px；
利润率：10px；
浮动：左；
边框：1px黑色实心；
填充：3倍；
}

下一步
返回

第一组
第二组
第三组
第四组
第五组
div6
我想这可以帮你做到：

var $currDiv = $("#start");
$("div").hide();
$currDiv.css("background", "red");
$("#1").click(function() {
    $currDiv = $currDiv.next();
    if ($currDiv.length) {
        $("div").hide();
        $currDiv.show();
    }
    else
    {
        currDiv = $("#startPrev");
    }

});



var $currDiv2 = $("#startPrev");
$("div").hide();
$currDiv2.css("background", "red");
$("#2").click(function() {
    $currDiv2 = $currDiv2.prev();
    if ($currDiv2.length) {
        $("div").hide();
        $currDiv2.show();
    }
    else
    {
        $currDiv2 = $("#start");
    }

});

我可能有点过火了。我没有将当前div保存在变量中，而是将当前元素的索引保存在变量中，这样更容易使用。我将所有div放在父元素（#parent）中，这样我们就可以轻松地使用选择器“#parent>div”只选择我们关心的div


var currendex=0；//从第一个元素开始
showCurrentDiv（）；
//隐藏所有div，然后仅显示当前div
函数showCurrentDiv（）{
//将所有div隐藏在#parent中
$（“#parent>div”）.hide（）；
//在#parent中的所有div中，显示第n个div，其中n=currendex
$（“#父项>div:eq（“+currendex+”）.show（）；
}
$（“#1”）。单击（函数（）{
//如果当前div不是最后一个div。。。
if（currendex<$（“#parent>div”）.length-1）{
currIndex++；/…然后遍历到下一个div
}
showCurrentDiv（）；//更新显示/隐藏哪些div
});
$（“#2”）。单击（函数（）{
//如果当前div不是第一个div。。。
如果（当前索引>0）{
currIndex--；//…然后遍历到上一个div
}
showCurrentDiv（）；//更新显示/隐藏哪些div
});
#parent>div{
宽度：50px；
高度：50px；
利润率：10px；
浮动：左；
边框：1px黑色实心；
填充：3倍；
}

下一步
返回

第一组
第二组
第三组
第四组
第五组
第六组
到底是什么在破坏？是什么导致了意外结果，意外结果是什么，您希望发生什么？请注意，如果您一直单击“上一步”或“下一步”按钮，则所有内容都会消失。我怎么才能把它只放在第1-6集？好的。与其将当前div本身存储在变量中，不如将该变量的索引号存储在变量中，然后通过
$（“#someParent:nth child（“+currentdividex+”）”）访问它。
我不明白这一点。对不起，这解释不好。我现在已经写了一个答案，里面有一个功能完整的代码演示，就像我在前面的评论中描述的那样。仍然中断。我必须重新启动才能回到Div1这个答案的第一次迭代不起作用，但我现在已经编辑并修复了它。