JQuery实现table中tr上移下移

原文链接：https://blog.csdn.net/qq_33583322/article/details/78963586

表格样式

<table>
    <tr>
        <td><input   type="button" value="上移" onclick="moveUp(this)"/></td>
        <td><input   type="button" value="下移" onclick="moveDown(this)"/></td>
    </tr>
    <tr>
        <td><input   type="button" value="上移" onclick="moveUp(this)"/></td>
        <td><input   type="button" value="下移" onclick="moveDown(this)"/></td>
    </tr>
        <tr>
        <td><input   type="button" value="上移" onclick="moveUp(this)"/></td>
        <td><input   type="button" value="下移" onclick="moveDown(this)"/></td>
    </tr>
</table>

• 1
• 2
• 3
• 4
• 5
• 6
• 7
• 8
• 9
• 10
• 11
• 12
• 13
• 14

js代码

// 上移  
function moveUp(obj) {  
    var current = $(obj).parent().parent();  //获取当前<tr>
    var prev = current.prev();   //获取当前<tr>前一个元素
    if (current.index() > 0) {  
        current.insertBefore(prev);  //插入到当前<tr>前一个元素前
    }  
}  

// 下移  
function moveDown(obj) {  
    var current = $(obj).parent().parent();  //获取当前<tr>
    var next = current.next();  //获取当前<tr>后面一个元素
    if (next) {  
        current.insertAfter(next);   //插入到当前<tr>后面一个元素后面
    }  
}