表格行变换顺序功能(jquery)

2020-11-15 21:09

阅读:695

标签:com   http   blog   style   class   div   img   code   java   log   javascript   

周末写了个更改表格行顺序的小功能,直接贴代码

表格部分如下:

soscw.com,搜素材
table class="table" id="test_table">
    thead>
        tr>
               th>时间th>
            th>详情th>
            th>操作th>
        tr>
    thead>
    tbody>
        tr cid="7.0.0-2014-04-29_11-02-24_123" class="list_line">
            td>
                2014-04-29 11:02:24
            td>
            td>
                详情
            td>
            td>
                span class="move_btn glyphicon glyphicon-arrow-up" move_act="up">span>
                span class="move_btn glyphicon glyphicon-arrow-down" move_act="down">span>
            td>
        tr>
        tr cid="7.0.0-2014-04-29_11-02-24_915" class="list_line">
            td>
                2014-04-28 10:00:00
            td>
            td>
                详情
            td>
            td>
                span class="move_btn glyphicon glyphicon-arrow-up" move_act="up">span>
                span class="move_btn glyphicon glyphicon-arrow-down" move_act="down">span>
            td>
        tr>
    tbody>
table>
soscw.com,搜素材

js代码,其中会为要变更的行在变更顺序后加上class=danger

soscw.com,搜素材
soscw.com,搜素材

更改后可以按照每行的唯一标记提交新的顺序

吐槽:喊着加班=狼性的公司都是不适合正常人类生存的公司,把周末加班当成鼓吹的事情&评价员工是否有狼性的标准更是扯淡。

表格行变换顺序功能(jquery),搜素材,soscw.com

表格行变换顺序功能(jquery)

标签:com   http   blog   style   class   div   img   code   java   log   javascript   

原文地址:http://www.cnblogs.com/zhaobolu/p/3699340.html


评论


亲,登录后才可以留言!