如何使用 jQuery 动态拆分 <table>？答案

【问题标题】：How to split <table> with jQuery on the fly?如何使用 jQuery 动态拆分 <table>？
【发布时间】：2011-07-18 11:47:32
【问题描述】：

为了公开一个具有跨浏览器支持的特定 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>

【问题讨论】：

请考虑改进您的问题。您当前形式的问题不包含足够的详细信息。请阅读FAQ 和How to Ask 部分，了解如何改进您的问题。

标签： jquery split html-table

【解决方案1】：

不确定这是你所追求的，但你可以使用 jQuery 进行以下操作。

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

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

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

【讨论】：