jQuery - get all css property and value of an element and put in array

Question

How to get all css property and its value from an element ?

I am trying to make a plugin for live editing css of an element. If an element have already any style then get it and append value to input fields so that I can edit already set styles.

I dont have the property name, so how to run a loop and and get all css property and its value. and then put it an array.

my dummy code

function get_css(elem){
    var newObj = {};    
    elem.each(function(){
        var css = this.css('?');
        newObj[parts[property]] = parts[value];
    });
    return newObj;           
}

Here is the fiddle http://jsfiddle.net/howtoplease/4Nv2C/

score 0 · Accepted Answer · 2013-07-20 10:15:32Z

0

maybe you could put properties in object

myObj : {

color: 'black'; }

and then maybe you can go over with for in loop and take value or properties and then push into an array

for(var property in myObj){

console.log(property);

}

edited Jul 20, 2013 at 10:15

answered Jul 20, 2013 at 10:10

user2488476

Sign up to request clarification or add additional context in comments.

1 Comment

user007 Over a year ago

my problem is that I dont have property name

Collectives™ on Stack Overflow

jQuery - get all css property and value of an element and put in array

1 Answer 1

1 Comment

Your Answer

Collectives™ on Stack Overflow

jQuery - get all css property and value of an element and put in array

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest