是否可以包装 tbody 标签

Question

我有以下代码

<table style="width:100%;">
    <thead >
        <tr>
            <td style="width:6%">ID</td>               
            <td style="width:94%">Notes</td>
        </tr>
    </thead>
    <tbody>
        <tr>
            <td>1</td>
            <td>Some Notes</td>
        </tr>
    </tbody>
    <tbody>
        <tr>
            <td>2</td>
            <td>More Notes</td>
        </tr>
    </tbody>
</table>

这很好用！但是，我需要添加可排序的 Jquery。这就是我卡住的地方。

唯一需要sortable 的是tbody 部分。但是，我不知道如何包装它们。

如果我用div 包装tbody，我会被告知这是无效的HTML。 EG

<div id ="someIdForParent">
   <tbody>...</tbody><tbody>...</tbody>
</div>

但是，这是我想做的，这样 tbody 可以将 containment 设置为 "parent"。

我无法控制 HTML 的布局，因为它只会以 tbody 元素的数组形式出现

这可以用有效的 HTML(5) 来完成吗？

Answer 1

如果您想保留第一行，请使用：

$('table').sortable({items: 'tr:not(:first)'});