javascript - 克隆 CSS 类

Question

我想将所有 :hover 类复制到 .hoverid 类中，其中 id 是元素的索引(或任何其他方式创建独特的悬停类名称)。

因此，我的想法是以某种方式遍历页面上定义了 :hover 的所有元素，并将该类克隆到 .hoverid 中。这样我就可以像这样在任何我想要的元素上触发悬停效果:

$('#element').addClass('hover'+$(this).id);

所以我的问题实际上是:

1. 如何遍历定义了“:hover”的元素？
2. 如何将那个类克隆到另一个类中？

尝试您的解决方案:http://jsfiddle.net/kLt2P/

Answer 1

您实际上可以使用像 JSCSSP 这样的库并以某种方式解析所有 CSS 文件 ( $('link['rel="stylesheet"']).attr('href') ) 并创建类基于此。另一种方法是用一些基本的正则表达式自己解析它。目前没有想法 - 但我会尝试一些事情。

您也可以使用网络 worker 来提高性能。

http://www.glazman.org/JSCSSP/