jQuery - 修改元素的悬停css

Question

我正在创建一个自定义网站页面,动态更改当前页面,以便您可以看到正在更改的内容的预览.一切都运行得很好,除了我使用的代码显然无法处理伪类,如:hover和:visited.

代码很简单,我基本上做了以下几点:

$("#links td.active a:hover").css("color", "#ff0000");

但是,这实际上并没有将<a>标记的悬停颜色设置为#ff0000.如果我脱掉它,它的工作正常:hover.有人建议如何使这个工作？

非常感谢!

编辑1:显然,我可能完全错了.更多信息显示我可以使用document.styleSheets.inlinestyle.rules它来修改它,虽然这显然只适用于IE.任何更多的想法将不胜感激.

Answer 1

$('#links td.active a').hover(
  function()
  {
    $(this).data('prevColor', $(this).css('color')).css('color', '#FF0000');
  },
  function()
  {
    $(this).css('color', $(this).data('prevColor'));
  });