Javascript 在jquery中使用rowspan向上/向下移动表中的单元格

我正在尝试创建一个带有向上/向下移动单元格选项的表。 但我在下面提到的代码表中有rowspan选项。我在移动（上/下）整行时遇到问题，rowspan有问题。我在下面包含了我的代码。我能在解决这个问题上得到帮助吗

<table id = "customtable" border="1">
    <tbody>
        <tr class="oddRow">
            <td rowspan="3">One</td>
            <td rowspan="3">
                <img alt="up" src="blue_shiftup.png" class="up" /> 
                <img alt="down" src="blue_shiftdown.png" class="down" />
            </td>
            <td>11</td>
            <td>12</td>
            <td>13</td>
            <td rowspan="3"> one as last cell</td>
        </tr>
        <tr class="oddRow">
            <td>14</td>
            <td>15</td>
            <td>16</td>
        </tr>
        <tr class="oddRow">
            <td>17</td>
            <td>18</td>
            <td>19</td>
        </tr>
        <tr class="oddRow">
            <td rowspan="3">Two</td>
            <td rowspan="3">
                <img alt="up" src="blue_shiftup.png" class="up" /> 
                <img alt="down" src="blue_shiftdown.png" class="down" />
            </td>
            <td>21</td>
            <td>22</td>
            <td>23</td>
            <td rowspan="3"> second as last cell</td>
        </tr>
        <tr class="oddRow">
            <td>24</td>
            <td>25</td>
            <td>26</td>
        </tr>
        <tr class="oddRow">
            <td>27</td>
            <td>28</td>
            <td>29</td>
        </tr>
        <tr class="oddRow">
            <td rowspan="3">Three</td>
            <td rowspan="3">
                <img alt="up" src="blue_shiftup.png" class="up" /> 
                <img alt="down" src="blue_shiftdown.png" class="down" />
            </td>
            <td>31</td>
            <td>32</td>
            <td>33</td>
            <td rowspan="3"> one as last cell</td>
        </tr>
        <tr class="oddRow">
            <td>34</td>
            <td>35</td>
            <td>36</td>
        </tr>
        <tr class="oddRow">
            <td>37</td>
            <td>38</td>
            <td>39</td>
        </tr>
    </tbody>
</table>

---

一种方法是使用，将那些

tr

与rowspan分组

然后使用Jquery，您可以轻松移动这些元素：

$（文档）.ready（函数（）{
$（“.up，.down”）。单击（函数（）{
var PAR＝$（这个）。父母（“TBORE”）；
如果（$（this）.is（“.up”））{
前插入（PAR。（））；
}否则{
PAR插入符（PAR.NEXT（））；
}
});
});

一个
11
12
13
一个作为最后一个单元
14
15
16
17
18
19
两个
21
22
23
第二个作为最后一个单元格
24
25
26
27
28
29
三
31
32
33
一个作为最后一个单元
34
35
36
37
38
39
你能修改你的html吗？嗨，丹尼，我发布的html是预期的表格格式。你看到这里有语法缺失或出错吗？没有，你的语法很好。。。但为了使这些trs组的移动更容易，您可以使用多个tbody's。。。。检查此项：谢谢Dani，它与您提到的更改一起工作。很高兴帮助您。。作为答复张贴