我想知道如何从链接的样式表中读取 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);
}
}
最佳答案
您可以检索样式表的内容并使用正则表达式来解析注释。此示例使用 jQuery 获取样式表文本并使用正则表达式查找评论:
jQuery.get("test.css", null, function(data) {
var comments = data.match(/\/\*.*\*\//g);
for each (var c in comments)
alert(c);
});
您还可以使用选择器找到样式表链接。
关于jquery - 如何使用 jQuery 获取 CSS 注释?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/401668/