jquery - 悬停在对象上时获取对象的 "original"(非悬停)背景颜色

Question

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

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

但是，在我的例子中，鼠标移到这个元素上，并且由于 CSS :hover 伪类，我收到了修改过的颜色。

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

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

可以测试一下here .只需将 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');
});