将水平html表反转为垂直

Question

我有一个我无法触及的html表，我试图用CSS或JS（或jquery）以某种方式旋转它。 基本上它是一个简单的表格，如：

<table> 
<thead> 
<tr><th>header1</th><th>header2</th></tr> 
</thead> 
<tbody> 
<tr><td>content1</td><td>content2</td></tr> 
<tbody> 
</table> 

我需要一个表进行旋转，以便它显示

header 1 content 1 
header 2 content 2 

我试图做这个的jsfiddle（http://jsfiddle.net/Hskke/136/），但由于某种原因我一直在玩的代码（来自这里：https://stackoverflow.com/a/6297892）不起作用。任何想法我想做错什么？

我的jsfiddle还包含原始的HTML代码，所以有一些额外的数据..

Answer 1

我们可以做这样的事情

var x = $("#walls_settings_timers").find("th,td"); 

var i = $("#walls_settings_timers").find("tr").length; 

var j = x.length/i; 
console.log(i , j); 
var newT= $("<table>").appendTo("body"); 
for (j1=0; j1<j;j1++){ 
    var temp = $("<tr>").appendTo(newT); 
    for(var i1=0;i1<i; i1++){ 
     temp.append($(x[i1*j+j1]).clone()); 
    } 

} 

退房的jsFiddle这里