jquery inserting all stylesheets into iframe
iframe, javascript, jquery, wysiwyg
Solution
An issue with the selected answer is that it uses `.html()`, which returns only the inner html contents of that element, not the element itself. Here is a working solution:
$("link[type='text/css']").clone().appendTo($("iframe").contents().find("head"));
Problem
How can I insert all of a parent window's stylesheets into an iframe's head(samedomain)? My attempted code based on a similar question: ``` function () { var d = frames[0].document; var stylesheets = $("link").outerhtml; d.open(); d.write( '<html><head>'+ stylesheets + '<style type="text/css">'+ '<\/style><\/head><body><\/body><\/html>' ); d.close(); } ``` Clearly this does not work outside of IE. Thanks in advance. Edit: Attempt based on Anthony's answer: ``` $("link[type='text/css']").each(function() { var stylesheet = $(this).clone(); $("iframe").contents().find("head").append(stylesheet); }); ```