• jquery 行交换 上移 下移



    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <title>表格数据上下行互换位置</title>
    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js" type="text/javascript"></script>
    <script type="text/javascript">
    $(document).ready(function () {
    //上移
    $("input.upbtn").each(function () {
    $(this).click(function () {
    var $tr = $(this).parents("tr");
    if ($tr.index() != 0) {
    $tr.prev().before($tr);
    }
    });
    });
    //下移
    var trLength = $("input.downbtn").length;
    $("input.downbtn").each(function () {
    $(this).click(function () {
    var $tr = $(this).parents("tr");
    if ($tr.index() != trLength - 1) {
    $tr.next().after($tr);
    }
    });
    });
    });

    </script>
    </head>
    <body>
    <table border="1" cellpadding=0 cellspacing=0>
    <tr>
    <td>4</td>
    <td>xxx44xxxx</td>
    <td>2013-5-24</td>
    <td><input type="button" value="上移" class="upbtn" /><input type="button" value="下移" class="downbtn" /></td>
    </tr>
    <tr>
    <td>5</td>
    <td>xxxx55xxx</td>
    <td>2013-5-25</td>
    <td><input type="button" value="上移" class="upbtn" /><input type="button" value="下移" class="downbtn" /></td>
    </tr>
    <tr>
    <td>6</td>
    <td>xxxx66xxx</td>
    <td>2013-5-26</td>
    <td><input type="button" value="上移" class="upbtn" /><input type="button" value="下移" class="downbtn" /></td>
    </tr>
    <tr>
    <td>7</td>
    <td>xxxx77xxx</td>
    <td>2013-5-27</td>
    <td><input type="button" value="上移" class="upbtn" /><input type="button" value="下移" class="downbtn" /></td>
    </tr>
    <tr>
    <td>8</td>
    <td>xxx88xxxx</td>
    <td>2013-5-28</td>
    <td><input type="button" value="上移" class="upbtn" /><input type="button" value="下移" class="downbtn" /></td>
    </tr>
    </table>
    </body>
    </html>

  • 相关阅读:
    docker安装rabbitmq
    ios 崩溃日志揭秘
    Ubuntu apache2下建立django开发环境
    Ubuntu tomcat
    MySQLdb插入后获得插入id
    使用终端实现DMG、ISO格式互转
    ios学习笔记:jison(转)
    ios开发应用内实现多语言自由切换 (转)
    获取项目的名称及版本号
    工具收集
  • 原文地址:https://www.cnblogs.com/kevinge/p/3371996.html
Copyright © 2020-2023  润新知