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代码:
 
 
样式代码:
 

                                   

你可能感兴趣的:(Jquery 关于table整行上下移动的代码)