jQuery表重建

Question

我们有一张桌子：

<table>
<tr>
    <td>1</td>
    <td>2</td>
    <td>3</td>
    <td>4</td>
    <td>5</td>
    <td>6</td>
    <td>7</td>
    <td>8</td>
    <td>9</td>
    <td>10</td>
</tr>
</table>

我们只更新<{1}} 3 <tr>来更新此表。

看起来像是：

<td>

我们怎么做？

Answer 1

您可以使用.unwrap()，.slice()和.wrapAll()执行此操作，如下所示：

var elems = $("table tr td").unwrap();
for(var i = 0; i < elems.length; i+=3) {
  elems.slice(i, i+3).wrapAll("<tr></tr>");
}​

You can view a quick demo here，这会获取<td>元素，移除周围的<tr></tr>，将它们分组为3组，并在<tr></tr>中重新包装这些组。