jQuery实现列表上下移动并且带入数据库

[笨鸟快点跑]

这是页面的上下移动功能，怎么能把移动后的顺序带入数据库

下面是js代码：

<script language="JavaScript" type="text/javascript">
$(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");
});
});
</script>

求各位大神帮帮忙，已经卡住好几天了

[笨鸟快点跑]

这个能带入数据库么？

[xuzuning]

你只要把变化后的数据传到 php，如何入库就是 php 的事情了

[笨鸟快点跑]

您能不能给我给邮箱或者QQ 我有问题想咨询您

[笨鸟快点跑]

引用 3 楼 xuzuning 的回复:

你只要把变化后的数据传到 php，如何入库就是 php 的事情了

这个要怎么传到php啊 怎么做？ 求指教

[xuzuning]

<script src=scripts/jquery-1.8.3.min.js></script>
<table>
<tr><td class='xh'>1</td><td class='up'>上移</td><td class='down'>下移</td></tr>
<tr><td class='xh'>2</td><td class='up'>上移</td><td class='down'>下移</td></tr>
<tr><td class='xh'>3</td><td class='up'>上移</td><td class='down'>下移</td></tr>
<tr><td class='xh'>4</td><td class='up'>上移</td><td class='down'>下移</td></tr>
<tr><td class='xh'>5</td><td class='up'>上移</td><td class='down'>下移</td></tr>
<tr><td class='xh'>6</td><td class='up'>上移</td><td class='down'>下移</td></tr>
</table>
<input type=button value=确认 id=bn>
<script language="JavaScript" type="text/javascript">
$(function(){
  $('#bn').click(function() {
    var r = [];
    $('.xh').each(function(i, t) {
      r.push($(this).html());
    });
    alert(r);
    //$.post(url, {xh:r});
  });

  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");
  });
});
</script>