jquery - HTML 强制表格行在列中

Question

在我的 HTML 中:

<table>
    <tr><td>product 1</td><td>image 1</td></tr>
     <tr><td>product 2</td><td>image 2</td></tr>
</table>

看起来像

+-----------+-------+
|  product 1|image 1|
+-----------+-------+
|  product 2|image 2|
+-----------+-------+

如何让它看起来像:

+----------+---------+
| product 1|product 2|
+----------+---------+
| image1   |image 2  |
+----------+---------+

在不更改 HTML 的情况下，我该如何解决这个问题？

jQuery、CSS，除了修改 HTML 什么都可以!

我知道这不是表格的使用方式，但我需要更改由 PHP 生成的表格并且我不能触及 PHP(在这种情况下)

Answer 1

也许不是最紧凑的解决方案，但这应该可行:

// map cells to 2D array
var cells = [];
$("tr").each(function(i,e) {
    cells.push($(e).find("td"));
});

// switch cell content of (0,1) and (1,0)
var cell1 = $(cells[0][1]);
var cell2 = $(cells[1][0]);
var temp = cell1.html();
cell1.html(cell2.html());
cell2.html(temp);