当鼠标悬停在对象上时,获取对象的"原始"(非悬停)背景颜色

Question

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

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

但是,在我的情况下,鼠标正在移动此元素,并且由于CSS :hover伪类,我收到了修改后的颜色.

有没有办法收到原色？就像是

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

你可以在这里测试一下.把5放在最后一个单元格中.动画后,此单元格的颜色会发生变化.

Answer 1

您可以在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');
});