得到CSS

编辑加入regexpr测试解决techfoobar指出得到CSS

问题

编辑2 他人HF :)

我正在寻找一个修正码从指定的类获取所有静态样式的方法。我并不想追加一个新的div和因为价值往往只是计算从中提取出所有可能的值...

Can jQuery get all CSS styles associated with an element?

这就是我想出了迄今：

function getExternalCSS(className) { 
    var cssText = false; 
    $.each(document.styleSheets, function(key, value) { 
     $.each(value.cssRules, function(k, v) { 
      if(new RegExp(className, "i").test(v.selectorText)) { 
       cssText = v.cssText; 
       return false; 
      } 
     }); 
     if(cssText !== false) { 
      return false; 
     } 
    }); 
    return cssText; 
}

个

CSS浏览：

.someClass { 
    style1... 
} 
.someOtherClass { 
    style2... 
} 
.myClassToFind { 
    style3... 
}

用法：

getExternalCSS(".myClassToFind"); //note the . for class

的selectorText返回正确，但if永远不会触发。我已经试图解析字符串等任何想法？

来源

2012-07-20 ChaosClown

更新

检查这个演示：http://jsfiddle.net/XaB3T/1/

有几个问题：

一）您需要return false从$.each停止循环，它像break。这没有完成。 b）你被检查v.selectorText.toLowerCase()与'.myClass'这肯定不能，因为'.myClass'匹配是不是所有的小case

说明为For counting in only those styles that will be applied at the end, you might need to do a lot more!

对于CSS具体规则请参考：

的if从未返回true，因为：

一）选择文字不一定是完全.yourClass。它可以是.a .yourClass，div.yourClass甚至.anotherClass, .yourClass等所有指向你的元素

二）检查必须是这样的：

for each selectorText { 
    strip off any { character 
    split the selector text by ',' into an array called parts 
    for each part { 
     check if it ends with '.yourClass' // if it does, this class is match 
    } 
}

的另一个问题是CSS特异性。只计算最终应用的样式，您可能需要做更多！

来源

2012-07-20 14:59:27 techfoobar

我知道这只是一个小版本，它需要更多的改进来覆盖所有的类。但在我的测试用例中，选择器只是.myClassToFind，所以它应该匹配... – ChaosClown 2012-07-20 15:08:06

你不能解释或给出一个链接你的意思是这个PLZ：只计算那些将在最后应用的样式，你可能需要做更多！ – ChaosClown 2012-07-20 15:29:25

请检查我的更新以上。我相信这就是你要找的。 – techfoobar 2012-07-20 15:41:49

回答

相关问题