Как читать из CSS файлов с помощью jQuery

Question

Хорошо, у меня есть HTML-страница с включенным jQuery.

У меня есть файл CSS с хорошей загрузкой строк, я хотел бы прочитать все стили для данного элемента из внешнего файла CSS ... Не встроенные стили ...

У меня есть следующий код (похоже, он должен работать ...):

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]);
}

, пожалуйста, запустите Firebug, если у вас есть элемент h1 на странице и используется jQuery ... просто грубая идея, хотя ...

Answer 2

Используя firebug, установите точку останова в коде, и вы сможете проверить свойства указанного объекта. Это должно дать вам знать, что это такое, и если это то, что вы хотите.

Answer 3

для начала попробуйте console.log (styleProperties); и посмотрите, что держит объект в консоли firebug ...