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

标签 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>

最佳答案

你缺少空格:

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


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

http://jsfiddle.net/9f5jwxpo/

关于javascript - 如何检查 jquery 中背景颜色的值?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/32642395/

相关文章:

javascript - 如何在不知道数据的情况下渲染动态表格?使用 HTML 和 JS

asp.net - 有什么实用工具可以帮助我重构 CSS

html - 如何让这个 div 达到 100% 的高度? (容器上的 flexbox)

javascript - 这段简短的 Javascript 代码有什么问题?

javascript - 无法设置多维 javascript 数组的属性

javascript - 可以淡出 div 边框吗?

jquery - 撤消 CSS 级联行为

javascript - 不再支持用于完全可定制的 HTML Twitter 提要的 twitter_update_list 脚本?

javascript - 消息框和负载掩码

javascript - Google Apps 脚本如何链接到 Google 云端硬盘上的 JS 或 CSS 文件