Как разделить <table>с помощью jQuery на лету?

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 ... странно работает здесь, потому что это отсчет с нуля.