获取所有<style>标签和内容连接成一个<style>标签

Question

我知道我能得到的风格标签与

$('style')

，但我怎样才能从文档中的所有样式标签，并将它们合并成一个单一的样式块？

Answer 1

<script> 
var styles; 
$("style").each(function(a,b){ 
    styles = styles + "\n" + b.html(); 
    $(this).remove(); 
}); 

$("#style").html('<style>'+ styles +'</style>'); 

</script> 
<div id="style> 

</div> 

Answer 2

这里是你如何能在两行做到这一点：

// add a new style element before the first one with all the rules 
$('style:first').before('<style type="text/css" id="new">'+$('style').text()+'</style>'); 

// remove all the style elements except the one added above 
$("style:not('#new')").remove(); 

Here is a demo^更新