jquery - 如何使用 jQuery 检查 css 值？

Question

当用户点击表格行后，我想让它检查表格行的背景颜色是否为白色，如果是，它会将颜色更改为浅蓝色。

我使用的代码不工作。在这里:

$("#tracker_table tr#master").click(function(){
  if($(this).css("background-color") == "#FFFFFF") { 
    $(this).css("background-color", "#C2DAEF");
  }
});

我认为我的 if 语句有问题。我如何使用 jQuery 检查 css 值？

Answer 1

看起来它以 rgb(x, y, z) 的形式返回，所以您的代码应该是:

$("#tracker_table tr#master").click(function(){
  if($(this).css("background-color") == "rgb(255, 255, 255)") { 
    $(this).css("background-color", "#C2DAEF");
  }
});

编辑:话虽如此，我建议您使用类而不是直接检查/设置 css 属性。像这样:

$("#tracker_table tr#master").click(function(){
  if(!$(this).hasClass("selected")) { 
    $(this).addClass("selected");
  }
});

CSS:

tr { background-color: #FFFFFF; }
tr.selected { background-color: #C2DAEF; }