jQueryはリストを上下に移動してデータベースに取り込む機能を実装します。

jQuery はリストを上下に移動してデータベースに取り込むことを実現します

これはページの上下移動機能です

移動した順序をデータベースに取り込むにはどうすればよいですか。 >以下は JS コードです:

c692dee7c74c7de9825fe7bca758f124
$(function(){
var $up = $(" .up")
$up.click (function() {
var $tr = $(this).parents("tr");
if ($tr.index() != 0) {
$tr.fadeOut().fadeIn();
$tr.prev().before($tr);

}
});
var $down = $(".down");
var len = $down.length;
$down.click(function() {
var $tr = $(this).parents("tr") ;
if ($tr.index( ) != len - 1) {
$tr.fadeOut().fadeIn();
$tr.next().after($tr);
}
});
var $top = $(".top");
$top.click(function(){
var $tr = $(this).parents( "tr");
$tr.fadeOut().fadeIn();
$(".table").prepend($tr);
$tr.css("color","# f60");
});
});
2cacc6d41bbb37262a98f745aa00fbf0

助けてください、数日間行き詰まっています
--- ---解決策のアイデア---- ------------------

<script src=scripts/jquery-1.8.3.min.js></script><br /><table><br /><tr><td class='xh'>1</td><td class='up'>上移</td><td class='down'>下移</td></tr><br /><tr><td class='xh'>2</td><td class='up'>上移</td><td class='down'>下移</td></tr><br /><tr><td class='xh'>3</td><td class='up'>上移</td><td class='down'>下移</td></tr><br /><tr><td class='xh'>4</td><td class='up'>上移</td><td class='down'>下移</td></tr><br /><tr><td class='xh'>5</td><td class='up'>上移</td><td class='down'>下移</td></tr><br /><tr><td class='xh'>6</td><td class='up'>上移</td><td class='down'>下移</td></tr><br /></table><br /><input type=button value=确认 id=bn><br /><script language="JavaScript" type="text/javascript"><br />$(function(){<br />  $('#bn').click(function() {<br />    var r = [];<br />    $('.xh').each(function(i, t) {<br />      r.push($(this).html());<br />    });<br />    alert(r);<br />    //$.post(url, {xh:r});<br />  });<br /><br />  var $up = $(".up")<br />  $up.click(function() {<br />    var $tr = $(this).parents("tr");<br />    if ($tr.index() != 0) {<br />      $tr.fadeOut().fadeIn();<br />      $tr.prev().before($tr);<br />    }<br />  });<br />  var $down = $(".down");<br />  var len = $down.length;<br />  $down.click(function() {<br />    var $tr = $(this).parents("tr");<br />    if ($tr.index() != len - 1) {<br />      $tr.fadeOut().fadeIn();<br />      $tr.next().after($tr);<br />    }<br />  });<br />  var $top = $(".top");<br />  $top.click(function(){<br />    var $tr = $(this).parents("tr");<br />    $tr.fadeOut().fadeIn();<br />    $(".table").prepend($tr);<br />    $tr.css("color","#f60");<br />  });<br />});<br /></script>