如何使用jQuery从CSS文件中读取

Question

好的，我有一个包含jQuery的HTML页面。

我有一个包含大量行的CSS文件，我想从外部CSS文件中读取给定元素的所有样式...不是内联样式... < / p>

我有以下代码（看起来应该可以工作......）：

var styleProperties= {};
var getCssProperties = ['width', 'margin', 'height']; 

for (c=0;c<=returnStyleProps.length;c++) {
    styleProperties[returnStyleProps[c]] = $('div#container').css(returnStyleProps[c]);
    alert(styleProperties);
}
alert(styleProperties);

但这似乎只是提醒：

"[Object Object]"

[编辑]请......？我真的很卡住，似乎没什么用处:( [/ edit]

Answer 1

var cs = {};
var elem = $('h1')[0];
for(var s in elem.style)
{
    // console.log(s + typeof(s));
    var v = $(elem).css(s);
    if (v && v != '')
    {
        cs[s] = v;
    }
}

for(var s in cs)
{
    console.log(s + ': ' + cs[s]);
}

如果页面上有h1元素并且使用了jQuery，请在firebug中运行... 只是一个粗略的想法...

Answer 2

开始，请尝试console.log（styleProperties）;并查看firebug控制台中对象的内容......

Answer 3

使用firebug在代码上放置一个断点，您将能够检查所述对象的属性。这应该让你知道它是什么以及它是你想要的。