javascript - jQuery 检查 CSS 颜色值不工作

Question

我正在使用 jQuery 检查特定的 CSS 属性和值是否存在。为什么它不起作用？我期待看到"is"日志。

$(document).ready(function() {
  if ($('p').css('color') === 'blue') {
    console.log('yes');
  } else {
    console.log('no');
  }
});

p {
  color: blue;
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<p>text</p>

Answer 1

您的颜色返回为 RGB 值，而不是颜色名称。您需要对 RGB 字符串进行比较。

$(document).ready(function() {
var color = $('p').css('color');
console.log(color);
if (color === 'rgb(0, 0, 255)') {
    console.log('yes');
  } else {
    console.log('no');
  }
});

p {
  color: blue;
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<p>text</p>