jquery - 将一个html表格逆时针旋转90度

Question

我想将整个表格逆时针旋转90度。 IE。 td(row=ith,column=jth) 的内容应该转移到 td(row = (total number of rows-j+1)th , column = ith)。 div 内的文本也应旋转 90 度。

<table><tbody>
<tr><td>a</td><td>1</td><td>8</td></tr>
<tr><td>b</td><td>2</td><td>9</td></tr>
<tr><td>c</td><td>3</td><td>10</td></tr>
<tr><td>d</td><td>4</td><td>11</td></tr>
<tr><td>e</td><td>5</td><td>12</td></tr>
<tr><td>f</td><td>6</td><td>13</td></tr>
<tr><td>g</td><td>7</td><td>14</td></tr>
</tbody></table>   

这个表应该被转换成

<table><tbody>
<tr>
    <td>8</td><td>9</td><td>10</td><td>11</td>
    <td>12</td><td>13</td><td>14</td>
</tr>
<tr>
    <td>1</td><td>2</td><td>3</td><td>4</td>
    <td>5</td><td>6</td><td>7</td>
</tr>
<tr>
    <td>a</td><td>b</td><td>c</td><td>d</td>
    <td>e</td><td>f</td><td>g</td>
</tr>
</tbody></table> 

我可以通过 javascript 循环来做到这一点。但是它很长。我想知道是否有更优雅的方式。提前致谢。

Answer 1

The text inside the div also should be rotated by 90degrees.

所以基本上你只是想让整个东西作为一个 block 旋转？

也许你应该只使用 CSS？

#myTable {
    transform:rotate(270deg);
}