将水平html表格反转为垂直答案

【问题标题】：Invert horizontal html table into vertical将水平html表格反转为垂直
【发布时间】：2014-09-24 03:50:39
【问题描述】：

我有一个无法触摸的 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 代码，所以还有一些额外的数据..

【问题讨论】：

标签： javascript jquery html css

【解决方案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

【讨论】：