如何动态拆分jQuery？<table> </table>

Question

为了使用跨浏览器支持公开一个特定的TBODY，我需要动态地将<table>拆分为3个表并暴露中间表。没有重建整张桌子有可能吗？任何人都知道有助于提高效率的相关教程吗？

实施例。最初：

<table>
<tbody>
      <tr><td></td></tr>
        ....
</tbody> 
<tbody>
      <tr><td></td></tr>
        ....
</tbody>
<tbody>
      <tr><td></td></tr>
        ....
</tbody>
</table>

结果：

<table>
<tbody>
      <tr><td></td></tr>
        ....
</tbody>
</table>
<table> 
<tbody>
      <tr><td></td></tr>
        ....
</tbody>
</table>
<table>
<tbody>
      <tr><td></td></tr>
        ....
</tbody>
</table>

Answer 1

不确定这是你所追求的，但你可以使用jQuery来实现以下目标。

$('tbody').hide();
$('tbody:odd').show();

http://jsfiddle.net/jasongennaro/NybeH/

隐藏所有tbody元素，然后只显示奇数元素。 Fyi ...奇数在这里工作，因为它是一个从零开始的计数。