此代码将显示一个表格单元格。当我单击表格单元格时,背景颜色会提示 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>
最佳答案
你缺少空格:
background-color:rgb(173, 216, 230);
if($(this).css('background-color') == 'rgb(173, 216, 230)') {
alert("matched");
}
关于javascript - 如何检查 jquery 中背景颜色的值?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/32642395/