是否可以包装tbody标签

时间:2019-01-02 19:04:58

标签: jquery html html-table jquery-ui-sortable

我有以下代码

<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部分。但是,我不知道如何包装它们。

如果我用tbody包裹div,我会被告知,因为这是无效的HTML。 EG

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

但是,这是我要执行的操作,因此可以将containment设为"parent"

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

可以使用有效的HTML(5)完成此操作吗?

1 个答案:

答案 0 :(得分:1)

如果要保留第一行,请使用:

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