Jquery 关于table整行上下移动的代码

上下移动table整行

JS.代码：

 $('span').click(function () {    //鼠标点击 span
                var spanHTML = $(this).html();    //获得向上或向下箭头
                var $tr = $(this).parent().parent();    //获得当前那一行
                var $oTr;
                if (spanHTML == '↑') {
                    $oTr = $tr.prev();    //获得上一个 tr
                    $tr.insertBefore($oTr);
                } else {
                    $oTr = $tr.next();    //获得下一个 tr
                    $tr.insertAfter($oTr);
                }
                var $table = $(this).parent().parent().parent();
                var numSerials = 1;
                $table.find("tr").each(function () {
                    var $thisTr = $(this);
                    $thisTr.find("td").eq(0).html(numSerials);
                    numSerials = numSerials + 1;
                });
              
            });

 

 

html代码：

<td><span style="border:1px black solid;" class="selected">↑</span></td>

 <td><span style="border:1px black solid;" class="selected">↓</span></td>

 

样式代码：

 

<style type="text/css">
        span {
            cursor: pointer;
            font-weight: bold;
        }

        .selected {
            color: green;
        }
    </style>