
Untitled
By: a guest on
May 9th, 2012 | syntax:
None | size: 0.63 KB | hits: 16 | expires: Never
how to apply CSS styles in current document recieved from AJAX request?
#id1{something:something}
#id2{something:something}
#id3{something:something}
...etc ect
<link rel="stylesheet" type="text/css" href="..." />
var url = "......"; // including parameters
var script = $('<link>', {
rel: 'stylesheet',
type: 'text/css',
href: url
}).appendTo(document.head);
var data = {id1: {something: something}, id2: {something: something}, id3: {}}
$.each(data, function(index, item) {
$('#' + index).css(item);
});
<div id="result"></div>
$('head').append('<style> #result { background-color: orange; } </style>');