Jquery包装表tbody与div

Question

如何用div包装表的tbody？

myTable的：

<table>
    <thead></thead>
    <tbody></tbody>
    <tfoot></tfoot>
</table>

我的目标：

<table>
    <thead></thead>
    <div class="scrollbar"><tbody></tbody></div>
    <tfoot></tfoot>
</table>

修改

我正在使用jquery插件mcustomscrollbar来确保当数据行增加时tbody部分粘在屏幕高度的30％处。

Answer 1

如果你真的想这样做，请使用wrap：

$('table > tbody').wrap('<div class="scrollbar"></div>')

Doc：http://api.jquery.com/wrap/

但如前所述，您正在创建一个无效的HTML。我没有看到这个的目的，除非你对某种滚动表体感兴趣。但为此，我建议使用某种jQuery库或css。

Answer 2

根据您的要求，您只能使用css执行此操作：

tbody {
  display: block;
  height: 100px;/*apply your height for the tbody*/
  overflow-y: auto;
  overflow-x: hidden;
}

Answer 3

$('.scrollbar').html('<tbody></tbody>')

这将在.scrollbar div。

中添加tbody