Javascript 如何在每次单击时更改元素ID内的编号？

我有一个7个div和1个“Next”按钮，在这里我试图想出一个解决方案，所以每次单击“Next”按钮时，当前div向上滑动，下一个div向下滑动。最后，它将返回到第一分区

HTML:

但我被卡住了，因为它只能工作一次。我无法再次单击“下一步”以显示选择项3，更不用说在一轮结束后将其返回到选择项1

---

我是JQuery的新手，所以任何建议都非常感谢

将索引存储在某个全局变量中，并使用它生成id，同时将id分配给下一个按钮

$(function(){
   currentNum = 1;
   $("#selection_1").show();
   $("#next").click(function () {
      $('#selection_' + currentNum).slideUp();
       if (currentNum > 7) currentNum = 0;
      $('#selection_' + (currentNum+1)).slideDown();
      currentNum++;
  });
});

---

将索引存储在某个全局变量中，并使用它生成id，同时将id分配给下一个按钮

$(function(){
   currentNum = 1;
   $("#selection_1").show();
   $("#next").click(function () {
      $('#selection_' + currentNum).slideUp();
       if (currentNum > 7) currentNum = 0;
      $('#selection_' + (currentNum+1)).slideDown();
      currentNum++;
  });
});

---

使用此功能可能会对您有所帮助

 $(function(){
        var count=1;
        $("#next").click(function () {
              $('#selection_'+count).slideUp();
              $('#selection_'+(count+1)).slideDown();
                 count+= 1;
              if(count==7){
                   count=1;
            }
       });
  });

---

使用此功能可能会对您有所帮助

 $(function(){
        var count=1;
        $("#next").click(function () {
              $('#selection_'+count).slideUp();
              $('#selection_'+(count+1)).slideDown();
                 count+= 1;
              if(count==7){
                   count=1;
            }
       });
  });

选中此项

$(function(){
    var current = 1;
    $('div[id^="sel"] div').hide();
    $('#selection_1 div').slideDown();
    $("#next").click(function () {
        current++;
        $('#selection_'+(current-1)+' div').slideUp();
        $('#selection_'+current+' div').slideDown();
    });
});

开始时，只显示第一个

，并在单击“下一步”时继续增加数字。

检查此

$(function(){
    var current = 1;
    $('div[id^="sel"] div').hide();
    $('#selection_1 div').slideDown();
    $("#next").click(function () {
        current++;
        $('#selection_'+(current-1)+' div').slideUp();
        $('#selection_'+current+' div').slideDown();
    });
});

---

在开始时，只显示第一个

，并在单击下一步时不断增加数字。

您需要类似的东西使用变量跟踪哪个DIV是当前DIV，并在每次单击时增加它。JQuery UI元素（如JQuery-Friend）会很好，除了我的用户，他们经常使用廉价的Android手机，重复报告浏览器崩溃，使用jQuery UI加载页面…：（您需要类似的东西使用一个变量来跟踪哪个DIV是当前DIV，并在每次单击时递增它。JQuery UI元素，例如JQuery-Preduce，会很好，除了我的用户，他们经常使用廉价的Android手机，反复报告浏览器崩溃，用JQuery UI加载页面…：（很好的一个。虽然由于某种原因，选择7在选择1出现时不会隐藏自己。为什么？它对我很有用。你想隐藏还是不想？啊，对不起！在测试代码之前，我实际上修改了我的html代码：我添加了“style='display:none；”对于除选择1之外的所有选择，因为我实际上想在默认情况下隐藏所有非活动div。不知何故，它没有正确显示。很好的一个。尽管由于某些原因，选择7在选择1出现时不会隐藏自己。为什么？它在小提琴中对我有效。你想隐藏还是不想？啊，对不起！我实际上修改了我的html代码a在测试代码之前：我添加了“style='display:none；”对于除选择1之外的所有选择，因为我实际上希望在默认情况下隐藏所有非活动div。不知何故，它没有正确显示。很好的一个。虽然由于某些原因，选择1出现时选择7不会隐藏自己。但是由于某些原因，选择1出现时选择7不会隐藏自己