jquery convert JSON properties to string

Question

I have the JSON format in the following way,

{  
   "id":"343",
   "css":{  
      "header":{  
         "background-color":"red",
         "color":"#FFF",
         "font-size":"12px"
      },
      "footer":{  
         "background-color":"blue",
         "color":"#000",
         "font-size":"11px"
      }
   }
}

I need to convert the JSON in the following way (i.e key and value pairs)

    css : 'header{"background-color":"red"; "color":"#FFF"; "font-size":"12px";} footer{ "background-color":"blue"; "color":"#000";"font-size":"11px";'}

Using jQuery how to convert the JSON in the above format. Is is possible to send like this?

charlietfl · Accepted Answer · 2015-08-02 01:17:40Z

1

You need to iterate all the properties of the css property and iterate each of the sub properties

var style= '';
for(var selector in data.css){
    style += selector +'{';
    for(var prop in data.css[selector]){
        style += prop + ':' + data.css[selector][prop] +';';
    }
    style += '}';    
}

DEMO

answered Aug 2, 2015 at 1:17

charlietfl

172k14 gold badges125 silver badges154 bronze badges

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

Collectives™ on Stack Overflow

jquery convert JSON properties to string

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related