javascript - 为 tr 中的每一秒 td 创建一个新表

Question

我正在尝试让一个较旧的网站响应，但我在表格方面遇到了一些问题。 这是表格的代码(从 CMS 生成):

<table border="0">
<tbody>
<tr>
<td><span>mr. Dende</span></td>
<td><span>mr. Harrolds</span></td>
</tr>  
<tr>
<td><span>Ambrosiushof 27&nbsp;</span> </td>
<td><span>Africastreet 136</span></td>
</tr>

<tr>
<td><span>5254 HD&nbsp; Londen&nbsp;&nbsp;</span> </td>
<td><span>5152 MD&nbsp; Rome</span></td>
</tr>

<tr>
<td><span>T: 893-589 31 51 &nbsp;&nbsp;</span> </td>
<td><span>T: 8973-992 98 10</span></td>
</tr>

<tr>
<td><span>M: +31 36 18 42 18</span></td>
<td><span>M: +31 68 18 18 19 </span></td>
</tr>
</tbody>
</table>

我试图完成的是:

但是如果我使用:

    td {
    display: block;
}

看起来像:

我认为 jquery 是我尝试过的解决方案:

$(function () {
    var $mainTable = $("table");
    var splitBy = 3;
    var rows = $mainTable.find("tr").slice(splitBy);
    var $secondTable = $("table").parent().append("<table id='secondTable'><tbody></tbody></table>");
    $secondTable.find("tbody").append(rows);
    $mainTable.find("tr").slice(splitBy).remove();

});

但这并不能解决问题。

谢谢!

Answer 1

怎么样

$('body').append($("table").clone());
$($("table")[0]).find('td:first-child').remove();
$($("table")[1]).find('td:nth-child(2)').remove();