Let TR elements move up and down a lot of ways, this article for you to use jquery is implemented, interested friends can refer to the following
The code is as follows: <html> <head> <title></title> <style type= "Text/css" > Table {background: #949494; width:400px; line-height:20px;} TD {Border-right:1px solid gray; border-bottom:1px solid gray;} </style> <script src= "jquery.js" type= "Text/javascript" ></script> <script Type= "Text/javascript" > function up (obj) { var objparenttr = $ (obj). Parent (). Parent (); var PREVTR = Objparenttr.prev (); if (prevtr.length > 0) { prevtr.insertafter (objparenttr); } } function down (obj) { var objparenttr = $ (obj). Parent (). Parent (); var nexttr = Objparenttr.next (); if (NE Xttr.length > 0) { nexttr.insertbefore (objparenttr); } } </script> </head > <body> <table border= "0" > <tr><td>1</td><td>12</td ><td>13</td><td><a href= "#"onclick= "Up" > Move </a> <a href= "#" onclick= "Down (This)" > Move Down </a></td></tr > <tr><td>2</td><td>22</td><td>23</td><td><a href= "# "Onclick= up" > Move </a> <a href= "#" onclick= "Down (This)" > Move </a></td></tr > <tr><td>3</td><td>32</td><td>33</td><td><a href= "# "Onclick= up" > Move </a> <a href= "#" onclick= "Down (This)" > Move </a></td></tr > <tr><td>4</td><td>42</td><td>43</td><td><a href= "# "Onclick= up" > Move </a> <a href= "#" onclick= "Down (This)" > Move </a></td></tr > <tr><td>5</td><td>52</td><td>53</td><td><a href= "# "Onclick= up" > Move </a> <a href= "#" onclick= "Down (This)" > Move </a></td></tr> </table> </body> </html>