JQuery implements the example of tr move up and down in table (super simple), jquerytable

JQuery implements the example of tr move up and down in table (super simple), jquerytable

Table Style

<Table> <tr> <td> <input type = "button" value = "Move Up" onclick = "moveUp (this) "/> </td> <input type =" button "value =" Move Down "onclick =" moveDown (this) "/> </td> </tr> <td> <input type =" button "value =" Move Up "onclick =" moveUp (this) "/> </td> <input type =" button "value =" Move Down "onclick =" moveDown (this) "/> </td> </tr> <td> <input type =" button "value =" Move Up "onclick =" moveUp (this) "/> </td> <input type =" button "value =" Move Down "onclick =" moveDown (this) "/> </td> </tr> </table>

Js Code

// Move up function moveUp (obj) {var current = $ (obj ). parent (). parent (); // obtain the current <tr> var prev = current. prev (); // obtain the current <tr> element if (current. index ()> 0) {current. insertBefore (prev); // insert it to the beginning of the current <tr> element} // Move Down function moveDown (obj) {var current = $ (obj ). parent (). parent (); // obtain the current <tr> var next = current. next (); // obtain the element next to the current <tr> if (next) {current. insertAfter (next); // insert it to the end of the current <tr> element }}

The above JQuery implementation example (ultra-simple) of tr move-up and move-down in table is all the content shared by Alibaba Cloud. I hope you can give us a reference and support the help house.