table行的上移下移上下移动

来源：互联网发布：Java大小写转换编辑：程序博客网时间：2024/05/16 09:30

    $(document).ready(function () {
        $('.moveup').bind('click', function (e) {
            var obj = $(e.target).closest('tr');
            c_pre($(obj[0]));
        });

        $('.movedown').bind('click', function (e) {
            var obj = $(e.target).closest('tr');
            c_next($(obj[0]));
        });

});

    function c_pre(o) {
        var pres = o.prevAll('tr.queue');
        if (pres.length > 0) {
            var tmp = o.clone(true);
            var oo = pres[0];
            o.remove();
            $(oo).before(tmp);
        }
    }

<body>
    <h1>
        结果数据</h1>
        <hr />
        <table class="tab"
        cellspacing="0" cellpadding="0" border="1" bordercolor="#000000;">
         <tr style=" font-weight:bold;"><td></td>
          <td>No</td><td>打印指令</td><td>说明</td><td width="50px">启动</td><td>状态</td>
          <td>排序</td><td>文件</td><td>日志</td>
         </tr>
         <tr><td class="sel"></td>
          <td>1</td><td>BA新单20121023</td><td>外包商-施乐</td><td></td>
          <td><span style="color:green" class="status">正常完成</span></td>
           <td class="sort"></td><td> <a href="#"><img border="0" style="vertical-align:text-bottom" src="Images/ICON/txt.GIF" />下载</a></td><td><a href="#">查看</a></td>
         </tr>
         <tr><td class="sel"></td>
          <td>2</td><td>年缴</td><td>外包商-施乐</td><td><asp:Button ID="Button2" runat="server" OnClientClick="return addToQue(this)" Text="重启" /></td>
          <td><span style="color:red" class="status">执行失败</span></td>
          <td class="sort"></td><td></td><td><a href="#">查看</a></td>
         </tr>
         <tr><td class="sel"></td>
          <td>3</td><td>BA续期20121023</td><td>外包商-施乐</td><td></td>
          <td><span style="color:#ff9955" class="status">正在处理</span></td>
          <td class="sort"></td><td></td><td></td>
         </tr>
         <tr class="queue"><td class="sel"><input type="checkbox"/></td>
          <td>4</td><td>TM短期月缴A模块20121023</td><td>外包商-施乐</td><td></td>
          <td class="status">排队等候</td>
          <td class="sort"><input type="button" class="moveup" value="上移" /><input type="button" class="movedown" value="下移" /></td><td></td><td></td>
         </tr>
         <tr class="queue"><td class="sel"><input type="checkbox"/></td>
          <td>5</td><td>TM短期月缴B模块20121023</td><td>外包商-施乐</td><td></td>
          <td class="status">排队等候</td>
          <td class="sort"><input type="button" class="moveup" value="上移" /><input type="button" class="movedown" value="下移" /></td><td></td><td></td>
         </tr>
         <tr><td class="sel"></td>
          <td>6</td><td>TM短期月缴C模块20121023</td><td>外包商-施乐</td><td><asp:Button ID="Button3" runat="server" OnClientClick="return addToQue(this)" Text="重启" /></td>
          <td class="status">暂停打印</td>
          <td class="sort"></td><td></td><td></td>
         </tr>
         <tr><td><input id="CheckAll" type="checkbox" onclick="$('.sel>[type=checkbox]:input').attr('checked', this.checked);" />全选</td><td colspan="10" align="center" style="height:40px"><input type="button" onclick="removeTR()" value="移除选中指令" /></td></tr>
        </table>

table行的上移下移 上下移动

table行的上移下移上下移动