JQuery实现table中tr上移下移

表格样式

<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>

 

 

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>后面一个元素后面
    }  
}