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

将水平html表反转为垂直

1 个答案: