如何用jQuery获取CSS注释？

Question

我想知道如何从链接的样式表中读取CSS注释.

我有这个示例CSS加载通过:

<link rel="stylesheet" type="text/css" media="all" href="test.css" />

 

#test1{ border:1px solid #000; }
#test2{ border:1px solid #000; }
#test3{/* sample comment text I'm trying to read */}

我在FF3测试这个.以下javascript读取规则但不读取注释#test3.

window.onload = function(){
    s=document.styleSheets;
    for(i=0;i < s[0].cssRules.length;i++){
        alert(s[0].cssRules[i].cssText);
    }
}

Answer 1

您可以检索样式表的内容并使用正则表达式来解析注释.此示例使用jQuery获取样式表文本和正则表达式以查找注释:

jQuery.get("test.css", null, function(data) {
    var comments = data.match(/\/\*.*\*\//g);
    for each (var c in comments) 
        alert(c);
});

您还可以使用选择器找到样式表链接.