JQUERY how to change the color of a circle in turn with the same button

Question

Hello how to change the color of a circle in turn with the same button without the preceding circle does not change color

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

thanks you for your help

Your syntax seems correct using JQuery as seen in this possible duplicate [**https://stackoverflow.com/questions/2001366/how-can-i-change-the-text-color-with-jquery**](https://stackoverflow.com/questions/2001366/how-can-i-change-the-text-color-with-jquery) - If you experience issues you would need to post the exact HTML you have and tell us about any errors/warning you see in the console, assuming there is any. — Nope, Jun 07 '18 at 14:04

score -1 · Answer 1 · answered Jun 07 '18 at 13:58

one way to do it would be to addClass and removeClass instead of changing the color property.

That way you could verify if this element has that class and do accordingly.

for example

 $(document).ready(function(){

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


    });
 });

i know. I find it cleaner to do it that way. I didn't say its the only way to di it — Budyn, Jun 07 '18 at 14:00

JQUERY how to change the color of a circle in turn with the same button

1 Answers1