jquery - 如果存在不同的 CSS 属性(颜色)，则添加 CSS 属性(顶部)

Question

考虑到使用 jQuery 在该 div 中存在不同的 CSS 属性，我正在尝试添加到该 div 的 CSS。这是算法:

If #div1 has the property color:red, then add top: -10px; to #div1 as well.

这是我试过的:

if ($('#div1').css('color') === 'red') {
    $("#div1").css("top","-10px");
}

谁能发现我的错误？

注意:虽然添加一个处理 color 和 top 的 CSS 类是更好的选择，但我无法编辑网站的样式表。

Answer 1

发布的代码没有语法错误，css 方法返回一个rgb 值:

if ($('#div1').css('color') === 'rgb(255, 0, 0)') {

但是，您可以向元素添加一个类并使用 hasClass 方法，而不是检查颜色:

.error {
   color: red;
}

if ( $('#div1').hasClass('error') ) {