Javascript 如何使用JS/JQuery获取有用的css属性数据？

我目前正在编写一个简单的代码来获取文本的css属性，该文本的样式颜色属性是在外部css文件中设置的。我想使用该颜色属性在两种颜色之间切换。但是，我的问题是css（）返回的信息对我来说是不可用的

HTML

Javascript

---

代码“let t=$（'#p'）.css（“color”）；”的值是“rgb（255255,0）”。这很好，但我不能在if语句中使用它来检查是否应该切换。有什么更好的方法解决这个问题？

您可以按原样使用返回的值

if (t != 'rgb(255,255,0)') {
    $('#p').css('color','yellow');
} else if (t != 'rgb(255,0,0)') {
    $('#p').css('color','red');
} else {
    console.log("Dunno");
}

你好

基于另一个类切换会更好，不是吗

$（函数（）{
$（'.toggle'）.bind（'click'，function（）{
$（this.toggleClass（'toggle--active'）；
});
});
.toggle{
边框：1px纯红；
背景：粉红色；
}
.toggle.toggle--active{
背景：红色；
}

单击我切换。
使用类或data-*属性存储和使用状态。除非必须，否则不要使用“颜色”属性
h1{
  color:yellow;
}

$('#button').click(function(){
  let t = $('#p').css("color");
  console.log(t);

  //check returned color to toggle between two colors
  if(t != "red"){
    $('#p').css('color','red');
  }else if(t != 'yellow'){
    $('#p').css('color','yellow');
  }
  else{
    console.log("Dunno");  
  }
});

if (t != 'rgb(255,255,0)') {
    $('#p').css('color','yellow');
} else if (t != 'rgb(255,0,0)') {
    $('#p').css('color','red');
} else {
    console.log("Dunno");
}