将水平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