javascript - 克隆 CSS 类

标签 javascript jquery css

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

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

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

所以我的问题实际上是:

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

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

最佳答案

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

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

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

关于javascript - 克隆 CSS 类,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/14590506/

相关文章:

php - 这个 WordPress 查询是否可以使用高级自定义字段?

javascript - jquery变量?

javascript - 使用D3在散点图矩阵中绘制背景网格线路径?

javascript - ng 类未应用

javascript - 我是否需要使用 TypeScript 在 JQueryStatic 定义文件中声明所有 JQuery 原型(prototype)?

jquery - 使用 <ul><li> 而不是 <select> 进行导航/过滤

javascript - C3.js 工具提示字体

javascript - $ionicPlatform.ready 未触发

javascript - jQuery replaceWith 去除&lt;script&gt;标签内容

javascript - 在 JavaScript/jQuery 中更新 CSS