将鼠标悬停在对象上时获取对象的“原始”（非悬停）背景颜色

我可以使用以下函数获取任何元素的背景颜色：

$('.example').css('background') 

然而，就我而言，鼠标移动到该元素上时，由于 CSS，我收到了修改后的颜色:hover伪类。

有什么办法可以得到原色吗？就像是

$('.example').cssWithoutHover('background')

你可以测试一下here。只需在最后一个单元格中输入 5 即可。动画结束后该单元格的颜色将会改变。

您可以在 DOM 上扫描起始 BG 颜色并将其存储为数据属性。

var board = $('#board-numbers');
board.children('div').each(function() {
    $(this).data('start-bg', $(this).css('background'));
});
board.on('hover', 'div', function() {
    var curr_bg = $(this).css('background');
    var start_bg = $(this).data('start-bg');
});