Javascript JQUERY如何使用相同的按钮依次更改圆的颜色

您好，如何使用相同的按钮依次更改圆的颜色 没有前面的圆圈，颜色不会改变

$(document).ready(function(){
  $("#btn1").click(function(){
    $("#circle1").css("color", "green");
  });
});

---

感谢您的帮助

一种方法是添加类和删除类，而不是更改颜色属性

这样，您可以验证此元素是否具有该类，并相应地执行该操作

比如说

 $(document).ready(function(){

    $("#btn1").click(function(){
     if($("#circle1").hassClass"orange")
       {
       $("#circle1").removeClass("orange").addClass("green");
       }
       else
       {
       $("#circle1").removeClass("green").addClass("orange");
       }


    });
 });

---

请在您的问题中添加相关的HTML和CSS。使用JQuery，您的语法似乎是正确的，如本可能的副本所示-如果您遇到问题，您需要发布您拥有的确切HTML，并告诉我们您在控制台中看到的任何错误/警告（假设有）。我知道。我觉得那样做更干净。我没说这是唯一的办法