jquery - 如何使用 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);
    }
}

score 8 · Accepted Answer

您可以检索样式表的内容并使用正则表达式来解析注释。这个例子使用 jQuery 来获取样式表文本和一个正则表达式来查找注释：

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

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

score 4 · Accepted Answer

4

解释几乎总是会忽略注释，因此将不可用。

于 2008-12-30T22:09:31.770 回答

score 4 · Accepted Answer

您可以使用 AJAX 查询访问 CSS 文件，然后自己解析结果以查找注释。口译员就不会碍事了。

只要 CSS 与页面在同一个域中，这将很好地工作。

score 2 · Accepted Answer

2

你不能，这就是评论的全部意义所在。

于 2008-12-30T22:10:04.247 回答

score 0 · Accepted Answer

您无法读取 CSS 文件 JavaScript，只需检查 DOM 中的结果。一种可能的方法是使用嵌入式样式表，您可以在其中通过 DOM 接口查询样式标签的文本内容。当然，您必须自己解析内容。

5 回答 5