如何在jquery中检查背景颜色的值?

时间:2015-09-18 01:17:55

标签: javascript jquery css

此代码将显示一个表格单元格。当我单击表格单元格时,背景颜色会警告rgb(173,216,230),但我想检查该颜色,如果是那种颜色,则提示它是否有效。我的支票总是失败。有谁知道如何解决这个问题?

    <html>
<head>
<script src="jquery-1.11.2.min.js"></script>
<script>

$(document).ready(function(){

    $("td").click(function(){
        alert($(this).css('background-color'));
        if ($(this).css('background-color') === 'rgb(173,216,230)') alert("matched");

    });
});
</script>

<style> 

button{color: black}
button:hover{background-color: lightblue}
td{color: black;width:30px; height:30px;text-align:center;}
td:hover{background-color: lightblue}
table {
    border-collapse: collapse;
}

table, td, th {
    border: 1px solid black;
    background-color: yellow;
}
</style>

</head>
<body style='padding-left: 1cm;'>

<table>
<tr>
<td>test</td>
</tr>
</table>

</body>
</html>

1 个答案:

答案 0 :(得分:1)

你错过了空格:

background-color:rgb(173, 216, 230);


if($(this).css('background-color') == 'rgb(173, 216, 230)') {
    alert("matched");
}

http://jsfiddle.net/9f5jwxpo/