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> 

我們通過投擲到每個<tr>只有 <td>更新此表。

它必須看起來像：

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

我們怎樣才能做到這一點？

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>。