Javascript 循环查看Jquery上的类

我正在创建一个滑块，它基本上是4个圆圈，当你点击下一步按钮时，可以改变大小和位置。以下是工作流程：

单击“下一步”按钮可以正常工作，但单击“上一步”按钮时不会反转。有人能帮忙吗

$(document).ready(function () {
  var steps = ['right-center', 'bottom-right', 'bottom-left', 'left', 'left-center', 'top', ],
    allClasses = steps.join(' ');
  $('.animate-slider.next').click(function() {
    $('#a').removeClass(allClasses).addClass(steps[0]);
    $('#b').removeClass(allClasses).addClass(steps[1]);
    $('#c').removeClass(allClasses).addClass(steps[2]);
    $('#d').removeClass(allClasses).addClass(steps[3]);
    $('#e').removeClass(allClasses).addClass(steps[4]);
    $('#f').removeClass(allClasses).addClass(steps[5]);
    steps.push(steps.shift()); // move first element to the end

    // to rotate the other direction you would pop and unshift instead
    // steps.unshift(steps.pop()); // move last element to the beginning
  });

});

$(document).ready(function () {
  var steps = ['right-center', 'bottom-right', 'bottom-left', 'left', 'left-center', 'top', ],
    allClasses = steps.join(' ');
  $('.animate-slider.back').click(function() {
    $('#a').removeClass(allClasses).addClass(steps[0]);
    $('#b').removeClass(allClasses).addClass(steps[1]);
    $('#c').removeClass(allClasses).addClass(steps[2]);
    $('#d').removeClass(allClasses).addClass(steps[3]);
    $('#e').removeClass(allClasses).addClass(steps[4]);
    $('#f').removeClass(allClasses).addClass(steps[5]);
   steps.unshift(steps.pop()); // move first element to the end

    // to rotate the other direction you would pop and unshift instead
    // steps.unshift(steps.pop()); // move last element to the beginning
  });

---

从每个圆圈中删除id，并添加一个类“圆圈”

$（函数（）{
currentState=0；
var steps=[‘右中’、‘右下’、‘左下’、‘左中’、‘左上’、]，
所有类=步骤。连接（“”）；
$（'.circle'）。每个（函数（i）{
$（this.addClass）（步骤[i]）；
});
$（'.animate slider.next'）。单击（函数（）{
currentState++；
$（'.circle'）。每个（函数（i）{
console.log（（当前状态+i）%steps.length）；
$（this）.removeClass（allClasses）.addClass（steps[（currentState+i）%steps.length]）；
});
});
$（'.animate slider.back'）。单击（函数（）{
当前状态--；
currentState=currentState它没有正常工作。如果单击“下一步”按钮几次，然后返回，则会打乱顺序并将其设置回开始位置：（太令人沮丧了嘿Vanojx，谢谢你。真的很感激。我已经添加了你说的内容，但它仍然不能正常工作。当单击“上一步”时，它现在将同时删除所有类，如果单击“下一步”，则顺序不正确。抱歉！！我看到了错误…我已编辑。现在它应该可以正常工作…但你必须删除这些步骤。）来自DOMHi的班级，你知道点击一个圆圈并让它旋转到“左下角”的任务有多大吗？其他人根据圆圈的位置循环？试试小技巧…在圆圈上设置一个点击事件，然后触发下一个事件，直到该圆圈进入“左下角”；谢谢Vanojx。我在Javascript方面的专业水平很低，我正努力从你的建议开始。请给我举个例子好吗？我会给你买瓶啤酒的：P