Javascript 如何在单击事件时获取上一个div？

我使用了两个锚定标签：“上一张幻灯片集”和“下一张幻灯片集”。下一个锚点工作，而上一个锚点不工作

JavaScript:

$("#next-slide-collections").click((function(){
        //alert('hi');
    var counter = 0;
    return function()
    {
       $("#div" + counter).hide("fast");
       counter = (counter % 3) + 1;
       $("#div" + counter).show("fast");
    }
 })());

$("#previous-slide-collections").click((function(){
    //alert('hi');
    var counter = 0;
    return function()
    {
       $("#div" + counter).hide("fast");
       counter = (counter - 1);
       $("#div" + counter).show("fast");
    }
})());

HTML:

<div id="div1"></div>
<div id="div2"></div>
<div id="div3"></div>
<a id="previous-slide-collections"></a>
<a id="next-slide-collections"></a>

---

下一个和上一个按钮都使用自己的计数器变量。但是，下一个按钮应该可以工作，因为上一个按钮的计数器从0开始，单击它将转到-1，它将选择0个元素。若要确认，请将以前的计数器更改为从3开始，您将看到它起作用

让他们共享同一个变量，它应该会工作（大部分）

---

当代码位于第一个div时，您仍然需要考虑单击上一个，当它位于最后一个div时单击下一个。

代码与以前的幻灯片集相关的地方？只需查看现有逻辑，您的“上一张幻灯片收藏”按钮将不会与“下一张幻灯片收藏”按钮同步，因为它们都将获得自己的计数器变量。请记住，如果您的“上一张”按钮也以计数器0开头，则将永远不会有上一张。您的代码仅设置为“获取下一张”。有一个东西设置为连接上一个<代码>$（“#下一张幻灯片集，#上一张幻灯片集”）将同时针对下一张和上一张。我不确定你的问题是什么。下一个很好，但上一个锚标签不起作用。@RohitKhurana你在问题中已经说过。。。我们正在告诉你为什么它不起作用。这可能是问任何与编程有关的问题的可怕方式吗。几乎所有的事情都有可能以这样或那样的方式发生。只需在两个事件中添加一个if语句，如果它到达任意一端，就会改变值。

var counter = 0;
$("#next-slide-collections").click(function()
    {
       $("#div" + counter).hide("fast");
       counter = (counter % 3) + 1;
       $("#div" + counter).show("fast");
    }
);

$("#previous-slide-collections").click(function()
    {
       $("#div" + counter).hide("fast");
       counter = (counter - 1);
       $("#div" + counter).show("fast");
    }
);